<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Mayrino</title>
    <description>mayrino website is a beautiful Jekyll Theme Built For Developers, which is optimized for speed and readability.</description>
    <link>/</link>
    <atom:link href="/feed.xml" rel="self" type="application/rss+xml"/>
    <pubDate>Sat, 29 Jun 2024 09:20:14 +0000</pubDate>
    <lastBuildDate>Sat, 29 Jun 2024 09:20:14 +0000</lastBuildDate>
    <generator>Jekyll v4.2.2</generator>

    
      <item>
        <title>Linux 系统 ~/.bashrc ~/.profile  ~/.bash_profile /etc/profile等这几个start_files 的介绍,和执行顺序</title>
        <description>&lt;p&gt;在Ubuntu及其类似的Linux发行版中，&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.bashrc&lt;/code&gt;, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.profile&lt;/code&gt;, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.bash_profile&lt;/code&gt;, 和 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/etc/profile&lt;/code&gt; 是用于配置用户环境和系统环境的重要文件。它们各自的作用、执行时机和顺序如下：&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;&lt;strong&gt;/etc/profile&lt;/strong&gt;:
    &lt;ul&gt;
      &lt;li&gt;&lt;strong&gt;作用&lt;/strong&gt;: 这是一个全局配置文件，用于设置整个系统中所有用户共用的环境变量和启动任务。&lt;/li&gt;
      &lt;li&gt;&lt;strong&gt;执行时机&lt;/strong&gt;: 当用户通过登录shell（非图形界面的登录）登录时执行一次。它对所有用户都有效，包括root用户。&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;~/.profile&lt;/strong&gt;:
    &lt;ul&gt;
      &lt;li&gt;&lt;strong&gt;作用&lt;/strong&gt;: 用户级别的配置文件，用于设置特定用户环境变量和启动任务。它是每个用户主目录下的个人化设置文件。&lt;/li&gt;
      &lt;li&gt;&lt;strong&gt;执行时机&lt;/strong&gt;: 对于非登录的交互式shell（比如通过terminal直接登录），在bash shell启动时执行。如果存在&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.bash_profile&lt;/code&gt;或&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.bash_login&lt;/code&gt;，则可能不会执行此文件，因为bash遵循特定的查找规则（见下文）。&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;~/.bashrc&lt;/strong&gt;:
    &lt;ul&gt;
      &lt;li&gt;&lt;strong&gt;作用&lt;/strong&gt;: 主要用于配置用户交互式shell的环境变量和别名等。每次用户打开一个新的终端窗口或tab时都会执行。&lt;/li&gt;
      &lt;li&gt;&lt;strong&gt;执行时机&lt;/strong&gt;: 每次用户启动一个交互式bash shell时执行，无论是登录shell还是非登录shell。&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;~/.bash_profile&lt;/strong&gt;:
    &lt;ul&gt;
      &lt;li&gt;&lt;strong&gt;作用&lt;/strong&gt;: 类似于&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.profile&lt;/code&gt;，但更专门针对bash shell。通常用于设置bash特有的环境变量和启动程序。&lt;/li&gt;
      &lt;li&gt;&lt;strong&gt;执行时机&lt;/strong&gt;: 当用户通过登录shell登录时，如果此文件存在，bash会优先执行它而不是&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.profile&lt;/code&gt;。这意味着你可以在这里放置需要在登录时执行但又希望仅限于bash的命令。&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;执行顺序&lt;/strong&gt;:&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;对于登录shell：
    &lt;ol&gt;
      &lt;li&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/etc/profile&lt;/code&gt;&lt;/li&gt;
      &lt;li&gt;如果存在，则按以下顺序查找并执行第一个存在的文件：&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.bash_profile&lt;/code&gt;, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.bash_login&lt;/code&gt;, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.profile&lt;/code&gt;。一旦其中一个被执行，其余的将被忽略。&lt;/li&gt;
    &lt;/ol&gt;
  &lt;/li&gt;
  &lt;li&gt;对于非登录的交互式shell（如通过terminal启动的新窗口）：
    &lt;ol&gt;
      &lt;li&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/etc/bash.bashrc&lt;/code&gt; （全局bash配置）&lt;/li&gt;
      &lt;li&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.bashrc&lt;/code&gt; （用户特定的bash配置）&lt;/li&gt;
    &lt;/ol&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;注意，&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/etc/bash.bashrc&lt;/code&gt;是系统级的bash初始化脚本，它会在每个bash shell启动时读取，但通常会在&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.bashrc&lt;/code&gt;之前执行，且不是通过上述&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;start_files&lt;/code&gt;直接提及，但它在理解bash环境配置时同样重要。&lt;/p&gt;

&lt;p&gt;每个用户可以根据自己的需求定制这些文件来优化个人工作环境。&lt;/p&gt;
</description>
        <pubDate>Sat, 29 Jun 2024 09:18:10 +0000</pubDate>
        <link>/blog/linux-shell-bashrc-profile-exec-sequence/</link>
        <guid isPermaLink="true">/blog/linux-shell-bashrc-profile-exec-sequence/</guid>
      </item>
    
      <item>
        <title>Several free software tools available for making 3D models</title>
        <description>&lt;h3 id=&quot;learning&quot;&gt;learning&lt;/h3&gt;

&lt;h3 id=&quot;some-nice-tools-for--building-3d-model&quot;&gt;Some nice tools for  building 3D model&lt;/h3&gt;
&lt;p&gt;&lt;strong&gt;Q:  Do you have any  nice software tools for making 3D model, but those are free?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;A:  Yes, There are several free software tools available for making 3D models. Some of the popular ones are:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;Blender - It is a free and open-source 3D creation software that can be used for modeling, animation, and rendering.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;SketchUp - It is a 3D modeling software that is easy to use and has a user-friendly interface.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Tinkercad - It is a web-based 3D modeling software that is designed for beginners and students.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Fusion 360 - It is a cloud-based 3D modeling software that is free for students, educators, and hobbyists.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;OpenSCAD - It is a free software tool that is used for creating 3D models using a programming language.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;FreeCAD - It is a parametric 3D modeling software that is free and open-source.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Sculptris - It is a digital sculpting software that is free and easy to use.&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;These software tools can be used for creating 3D models for various purposes such as gaming, animation, product design, and more.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q:  Are there any AI tools for building 3d model&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;A: Yes, there are AI tools available for building 3D models. These tools use machine learning algorithms to analyze and interpret 2D images or videos and create 3D models from them. Some of the popular AI tools for building 3D models are:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;
    &lt;p&gt;Meshroom - It is a free and open-source photogrammetry software that uses AI algorithms to create 3D models from a series of 2D images.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;3DReshaper - It is a software tool that uses AI algorithms to create 3D models from point clouds, images, and videos.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;RealityCapture - It is a photogrammetry software that uses AI algorithms to create 3D models from images and videos.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;SketchUp - It is a 3D modeling software that uses AI algorithms to create 3D models from 2D images.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Pix4D - It is a photogrammetry software that uses AI algorithms to create 3D models from aerial images.&lt;/p&gt;
  &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;These AI tools can be used for various applications such as architecture, engineering, construction, and more. However, it is important to note that these tools may require some level of expertise to use effectively.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: Do you illustrate  some  more tools to making 3d model. cause i am newbie, are you giving me some  easy-to-use tools?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;A: Yes, I can recommend some easy-to-use tools for making 3D models, especially if you are a beginner. Here are some options:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;Tinkercad - This is a free, web-based 3D modeling tool that is designed for beginners. It has a simple and intuitive interface that allows you to create basic 3D models using shapes and other objects.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;SketchUp Free - This is a free, web-based 3D modeling tool that is easy to use and has a user-friendly interface. It allows you to create 3D models of buildings, furniture, and other objects.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Sculptris - This is a free, digital sculpting tool that is easy to use and allows you to create 3D models by sculpting and shaping digital clay.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Blender - This is a free, open-source 3D modeling tool that is more advanced than the previous options, but still has a user-friendly interface. It allows you to create 3D models, animations, and more.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Fusion 360 - This is a free 3D modeling tool that is more advanced than the previous options, but still has a user-friendly interface. It is designed for product design and engineering, and allows you to create 3D models of mechanical parts and assemblies.&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;These tools are all free and easy to use, and should be a good starting point for beginners who want to learn how to make 3D models.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: I really want to enter some high quality images then Will be generated out 3d model,is there any perfect tools more online, even if have to charge  some money.&lt;/strong&gt;
&lt;strong&gt;A: Yes, there are several online tools that can generate 3D models from high-quality images. These tools use photogrammetry techniques to create 3D models from multiple images taken from different angles. Here are some options:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;Agisoft Metashape - This is a professional photogrammetry software that can generate high-quality 3D models from images. It has a user-friendly interface and offers advanced features such as mesh editing and texture mapping. It is a paid software, but offers a free trial.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;RealityCapture - This is another professional photogrammetry software that can generate high-quality 3D models from images. It offers advanced features such as mesh optimization and texture mapping. It is a paid software, but offers a free trial.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Sketchfab - This is an online platform that allows you to upload images and generate 3D models. It uses photogrammetry techniques to create 3D models from images and offers a user-friendly interface. It is a paid platform, but offers a free trial.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Meshroom - This is a free and open-source photogrammetry software that can generate 3D models from images. It offers a user-friendly interface and can generate high-quality 3D models. However, it may require some technical expertise to use effectively.&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;These tools can generate high-quality 3D models from images, but may require some level of expertise to use effectively. It is also important to note that the quality of the 3D model will depend on the quality of the images used.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: OK, that is great jobs for you, i will try to choose some tools from interval from your recommendatims&lt;/strong&gt;
&lt;strong&gt;A: Great, I’m glad I could help! If you have any further questions or need any more recommendations, feel free to ask. Good luck with your 3D modeling!&lt;/strong&gt;&lt;/p&gt;

</description>
        <pubDate>Thu, 11 May 2023 22:46:18 +0000</pubDate>
        <link>/blog/tool-for-building-3d-model/</link>
        <guid isPermaLink="true">/blog/tool-for-building-3d-model/</guid>
      </item>
    
      <item>
        <title>A lightweight, self-hosted memo hub. Open Source and Free forever</title>
        <description>&lt;h2 id=&quot;memos-provides-the-privacy-security-and-reliability-that-innovators-need-in-their-moments-of-inspiration&quot;&gt;memos provides the privacy security and reliability that innovators need in their moments of inspiration.&lt;/h2&gt;

&lt;h2 id=&quot;features&quot;&gt;&lt;a href=&quot;#features&quot;&gt;Features&lt;/a&gt;&lt;/h2&gt;

&lt;hr /&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;strong&gt;Privacy First&lt;/strong&gt; keep your own data by yourself.All data generated at runtime is saved in the SQLite database file.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Plain Text With Markdown&lt;/strong&gt; All content will be save as plain text, not HTML.and lots of useful markdown syntax supported.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Lightweight But Powerful&lt;/strong&gt; Using Go + React.js + SQLite architecture,the overall package is very lightweight.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Customizable&lt;/strong&gt; You can customize the server name,icon,description,custom system style and execution script, etc.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Open Source Completely&lt;/strong&gt; Memos believes that open source is the future,and all code is already open source in GitHub.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Free Forever&lt;/strong&gt; All features are free forever and will never be charged in any form or content.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;key-points&quot;&gt;&lt;a href=&quot;#key-points&quot;&gt;Key Points&lt;/a&gt;&lt;/h2&gt;

&lt;hr /&gt;
&lt;ul&gt;
  &lt;li&gt;&lt;strong&gt;Open Source and Free&lt;/strong&gt;&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Self-hosted with Docker in Seconds&lt;/strong&gt;&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Markdown Supported&lt;/strong&gt;&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Customizable and Sharable&lt;/strong&gt;&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;RESTful API for self-service&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;quick-start&quot;&gt;&lt;a href=&quot;#quick-start&quot;&gt;Quick Start&lt;/a&gt;&lt;/h2&gt;
&lt;h3 id=&quot;depoly-with-docker-in-seconds&quot;&gt;&lt;a href=&quot;#depoly-with-docker-in-seconds&quot;&gt;Depoly with Docker in seconds&lt;/a&gt;&lt;/h3&gt;

&lt;hr /&gt;

&lt;div class=&quot;language-docker highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt; docker run -d  --name memos -p 5230:5230 -v ~/.memos/:/var/opt/memos meomemo/memos: latest
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;strong&gt;The  &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;~/.memos/directory&lt;/code&gt; will be used as the data directory on your local machine, while &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/var/opt/memos&lt;/code&gt; is the directory of the volume in Docker and should not be modified.&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3 id=&quot;othors-installation-methods&quot;&gt;&lt;a href=&quot;#othors-installation-methods&quot;&gt;Othors Installation methods&lt;/a&gt;&lt;/h3&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;a href=&quot;https://usememos.com/docs/install&quot;&gt;See More Other Installation&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;
&lt;p&gt;&lt;a href=&quot;https://github.com/usememos/memos&quot;&gt;Memos Source Code on Github&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;
&lt;h3 id=&quot;acknowledgements&quot;&gt;&lt;a href=&quot;#acknowledgements&quot;&gt;Acknowledgements&lt;/a&gt;&lt;/h3&gt;

&lt;p&gt;Thanks for Memos Contributors and Community&lt;/p&gt;
</description>
        <pubDate>Mon, 20 Mar 2023 22:46:18 +0000</pubDate>
        <link>/blog/usememos-memos-recordor-b2s/</link>
        <guid isPermaLink="true">/blog/usememos-memos-recordor-b2s/</guid>
      </item>
    
      <item>
        <title>Top 10 最佳专业剪辑短视频Apps</title>
        <description>&lt;h2 id=&quot;最佳-top-10-免费开源专业短视频剪辑应用程序-pc-apps&quot;&gt;最佳 TOP 10 免费开源专业短视频剪辑应用程序 PC APPS&lt;/h2&gt;

&lt;h4 id=&quot;我们罗列下适用于linux-mac-windows-desktop-最佳10免费短视频剪辑器-in-2022&quot;&gt;我们罗列下适用于linux mac windows desktop 最佳10免费短视频剪辑器 in 2022&lt;/h4&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;十大最佳免费视频编辑器&quot;&gt;十大最佳免费视频编辑器&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;#最佳-top-10-免费开源专业短视频剪辑应用程序-pc-apps&quot;&gt;Top 10 Video Editor&lt;/a&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href=&quot;#1-blender&quot;&gt;1. Blender&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#2-lightworks&quot;&gt;2. Lightworks&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#3-shotcut&quot;&gt;3. Shotcut&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#4-avidemux&quot;&gt;4. Avidemux&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#5-hitfilm-express&quot;&gt;5. Hitfilm Express&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#6-davinci-resolve&quot;&gt;6. Davici Resolve&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#7-openshot&quot;&gt;7. Openshot&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#8-kdenlive&quot;&gt;8. KDenlive&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#9-flowblade&quot;&gt;9. Flowblade&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#10-olive&quot;&gt;10. Olive&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#如何选择视频编辑器&quot;&gt;How to choose a video editor&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#为您寻找最好的免费视频编辑器&quot;&gt;Finding the best free video editor for you&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 id=&quot;1-blender&quot;&gt;1. Blender&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;https://blender.org&quot;&gt;Blender&lt;/a&gt;是一个免费和开源的视频编辑器，3D 建模软件，用于创建电影、动画电影、渲染、模拟、运动跟踪等等。Blender 是世界各地数百人使用和贡献的非常流行的工具。主要由工作室和个人艺术家、专业人士和业余爱好者、科学家、学生、视觉特效专家、动画师、游戏艺术家、模组制作者使用，而且名单还在继续。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/vedio-editors/Blender-Video-Editor.jpg?raw=true;&quot; class=&quot;img-fluid&quot; title=&quot;blender vedio editor&quot; alt=&quot;Blender vedio editor&quot; /&gt;&lt;/p&gt;

&lt;div style=&quot;color:var(--main-text-color);text-align:center;&quot;&gt; Blender vedio editor&lt;/div&gt;

&lt;p&gt;Blender 的功能列表非常庞大，但这里有一些值得关注的功能。&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Modeling 造型&lt;/li&gt;
  &lt;li&gt;Sculpting 雕刻&lt;/li&gt;
  &lt;li&gt;Animation &amp;amp; Rigging 动画 &amp;amp; 索具&lt;/li&gt;
  &lt;li&gt;Grease Pencil 油性铅笔&lt;/li&gt;
  &lt;li&gt;Rendering 渲染&lt;/li&gt;
  &lt;li&gt;Simulation 模拟&lt;/li&gt;
  &lt;li&gt;Video Editor 视频编辑&lt;/li&gt;
  &lt;li&gt;Scripting 脚本&lt;/li&gt;
  &lt;li&gt;VFX 视觉特效&lt;/li&gt;
  &lt;li&gt;Interface 接口&lt;/li&gt;
  &lt;li&gt;Pipeline 管道&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href=&quot;https://blender.org/download&quot; target=&quot;_blank&quot;&gt;Download Blender&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;2-lightworks&quot;&gt;2. Lightworks&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;https://lwks.com&quot;&gt;Lightworks&lt;/a&gt;
是一款免费,专业版本增值视频编辑器，能够为社交媒体、4K 视频和电影编辑视频。Lightworks 也被用于一些流行的好莱坞电影编辑。这个非线性视频编辑器可以免费下载，您可能需要为一些附加功能付费。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/vedio-editors/Lightworks-Video-Editor-1024x557.jpg?raw=true;&quot; class=&quot;img-fluid&quot; title=&quot;lightworks vedio editor&quot; alt=&quot;Lightworks vedio editor&quot; /&gt;&lt;/p&gt;

&lt;div style=&quot;color:var(--main-text-color);text-align:center;&quot;&gt; Lightworks 视频编辑器&lt;/div&gt;

&lt;p&gt;以下是其功能的快速预览：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Simple &amp;amp; intuitive User Interface 简单直观的用户界面&lt;/li&gt;
  &lt;li&gt;Access amazing royalty-free audio &amp;amp; video content 访问令人惊叹的免版税音频和视频内容&lt;/li&gt;
  &lt;li&gt;Easy timeline editing &amp;amp; trimming 轻松的时间线编辑和修剪&lt;/li&gt;
  &lt;li&gt;Lo-Res Proxy workflows for 4K 4K 的 Lo-Res 代理工作流程&lt;/li&gt;
  &lt;li&gt;Real time ready to use audio &amp;amp; video FX 实时准备使用音频和视频 FX&lt;/li&gt;
  &lt;li&gt;Export video for YouTube/Vimeo, SD/HD, up to 4K 为YouTube/Vimeo、SD/HD、导出高达4K视频&lt;/li&gt;
  &lt;li&gt;Wide file format support including variable frame rate media 广泛的文件格式支持，包括可变帧率媒体&lt;/li&gt;
  &lt;li&gt;Grade your sequence professionally utilising up to 32bit GPU precision and histogram tool 使用高达 32 位 GPU 精度和直方图工具对您的序列进行专业分级&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href=&quot;https://lwks.com/?option=com_lwks&amp;amp;view=download&amp;amp;Itemid=206&quot; target=&quot;_blank&quot;&gt;Download Lightworks&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;3-shotcut&quot;&gt;3. Shotcut&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;https://shotcut.org&quot;&gt;Shotcut&lt;/a&gt;是另一款免费的、开源的、跨平台的视频编辑器，具有很多功能。主要功能包括支持多种格式；无需导入意味着本地化时间线在线编辑；Blackmagic Design 支持输入和预览监控；以及对 4k 的分辨率支持。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/vedio-editors/Shotcut-Video-Editor-1024x644.jpg?raw=true;&quot; class=&quot;img-fluid&quot; title=&quot;Shotcut vedio editor&quot; alt=&quot;Shotcut vedio editor&quot; /&gt;&lt;/p&gt;

&lt;div style=&quot;color:var(--main-text-color);text-align:center;&quot;&gt; Shotcut 视频编辑器&lt;/div&gt;

&lt;p&gt;Shotcut的显着特点：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;支持 4K 分辨率 Support for 4k resolutions&lt;/li&gt;
  &lt;li&gt;音频、视频、网络摄像头捕获 Audio,Video, webcam capture&lt;/li&gt;
  &lt;li&gt;广泛的文件格式支持 Wide of range of file format support&lt;/li&gt;
  &lt;li&gt;$K 分辨率支持 $ resolution support&lt;/li&gt;
  &lt;li&gt;Plugins 插件&lt;/li&gt;
  &lt;li&gt;Audio and Video filters 音频和视频过滤器&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href=&quot;https://shotcut.org/download/&quot; target=&quot;_blank&quot;&gt;Download Shotcut&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;4-avidemux&quot;&gt;4. Avidemux&lt;/h3&gt;

&lt;p&gt;如果您只是视频编辑、学习或业余爱好者的初学者，&lt;a href=&quot;http://avidemux.sourceforge.net/&quot;&gt;Avidemux&lt;/a&gt;是您的理想选择。这个免费的开源视频编辑器专为简单的剪切、过滤和编码任务而设计。作为一个基本的视频编辑器，它支持多种文件格式。您还可以使用项目、作业队列和强大的脚本功能自动执行任务。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/vedio-editors/Avidemux-Video-Editor.png?raw=true;&quot; class=&quot;img-fluid&quot; title=&quot;Avidemux vedio editor&quot; alt=&quot;Avidemux vedio editor&quot; /&gt;&lt;/p&gt;

&lt;div style=&quot;color:var(--main-text-color);text-align:center;&quot;&gt; Avidemux 视频编辑器&lt;/div&gt;

&lt;p&gt;&lt;a href=&quot;http://avidemux.sourceforge.net/download.html&quot; target=&quot;_blank&quot;&gt;Download Avidemux&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;5-hitfilm-express&quot;&gt;5. HitFilm Express&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;https://fxhome.com/hitfilm-express&quot;&gt;HitFilm Express&lt;/a&gt;是一个很棒的视频编辑器 - 可以免费下载 - 顾名思义 - 快速版本。HitFilm express 功能丰富并经过专业开发，是初学者、YouTube 创作者和电影制作人的理想视频编辑器。但是，它仅适用于 Windows 和 Mac。考虑到linux用户群低，Linux 版本尚未盈利。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/vedio-editors/Hitfilm-Express-Video-Editor-1024x572.jpg?raw=true;&quot; class=&quot;img-fluid&quot; title=&quot;Hitfile Express vedio editor&quot; alt=&quot;Hitfilm express vedio editor&quot; /&gt;&lt;/p&gt;

&lt;div style=&quot;color:var(--main-text-color);text-align:center;&quot;&gt; Hitfilm express 视频编辑器&lt;/div&gt;

&lt;p&gt;话虽如此，如果您仍在寻找免费且专业的视频编辑器，可以尝试一下 HitFilm express。请注意，如果您选择具有更多功能的附加版本的产品，您可能需要付费。&lt;/p&gt;

&lt;p&gt;特点包括：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;带有运动跟踪、颜色选择器和裁剪工具的专业视频编辑 Professional video editing with motion tracking, color pickers, and cropping tools&lt;/li&gt;
  &lt;li&gt;复合镜头增强功能，可让您将两个单独的镜头一起制作动画，以获得超现实的视频效果 Composite shot enhancements that allow you to animate two separate shots together for surreal video effects&lt;/li&gt;
  &lt;li&gt;自动稳定器使抖动的镜头看起来更流畅 An auto-stabilizer to make shaky footage look smooth&lt;/li&gt;
  &lt;li&gt;无限的视频和音频时间线轨道创建 Unlimited video and audio timeline track creation&lt;/li&gt;
  &lt;li&gt;一种自适应修剪器，可让您在将剪辑添加到时间线后重新修剪它们 An adaptive trimmer that lets you re-trim your clips after adding them to the timeline&lt;/li&gt;
  &lt;li&gt;能够从一个剪辑复制一组属性并将它们直接应用到另一个或整个项目 Ability to copy a group of attributes from one clip and apply them directly to another or to a whole project&lt;/li&gt;
  &lt;li&gt;音频混音器，用于微调声音以提供专业品质的输出 Audio mixer for fine-tuning sound for professional quality output&lt;/li&gt;
  &lt;li&gt;各种过渡选项，例如推送、缩放和溶解 Various transition options, such as push, zoom, and dissolve&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href=&quot;https://fxhome.com/hitfilm-express&quot; target=&quot;_blank&quot;&gt;Download Hitfilm express&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;6-davinci-resolve&quot;&gt;6. DaVinci Resolve&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;https://blackmagicdesign.com/products/davinciresolve/&quot;&gt;DaVinci Resolve&lt;/a&gt;这是目前最专业的视频编辑器，能够进行8K编辑，将专业的 8K 剪辑、色彩校正、视觉效果和音频后期制作结合在一个制作工具中，这就是为什么它是许多专业电影、电视节目和广告剪辑师的首选软件。DaVinci Resolve可用于 Linux、Mac 和 Windows,免费和付费完整的Studio版本。DaVinci 同时支持离线和在线编辑，其高性能播放引擎可在编辑和修整时节省时间——即使对于 H.264 和 RAW 等处理器密集型文件格式也是如此。DaVinci Resolve 的复杂功能可能对某些用户来说过于广泛，但它的免费版本非常适合更高级的项目。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/vedio-editors/davinci.jpg?raw=true;&quot; class=&quot;img-fluid&quot; title=&quot;DaVinci Resolve vedio editor&quot; alt=&quot;DaVinci Resolve vedio editor&quot; /&gt;&lt;/p&gt;

&lt;div style=&quot;color:var(--main-text-color);text-align:center;&quot;&gt; DaVinci Resolve 视频编辑器&lt;/div&gt;

&lt;p&gt;以下列表一个快速的功能指南：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;用于快速导航、剪切和修剪的双时间线 Dual timeline for quick navigation, cutting, and trimming&lt;/li&gt;
  &lt;li&gt;专用的修剪界面，让您能够进行细微的编辑 A dedicated trim interface that gives you the ability to edit in minute detail&lt;/li&gt;
  &lt;li&gt;智能自动编辑，为您同步音频和视频片段 Intelligent auto-editing that syncs audio and video clips for you&lt;/li&gt;
  &lt;li&gt;用于画中画效果、重定时、稳定、动态缩放、文本和音频的内置工具 Built-in tools for picture-in-picture effects, retiming, stabilization, dynamic zoom, text, and audio&lt;/li&gt;
  &lt;li&gt;面部识别可检测剪辑中的面部并根据每个镜头中的人物自动创建素材箱 Facial recognition that detects faces in your clips and automatically creates bins based on the people in each shot&lt;/li&gt;
  &lt;li&gt;高质量的运动估计速度变化和帧速率转换，以轻松、真实地加速或减慢剪辑 High-quality motion estimation speed changes and frame rate conversions to easily and realistically speed up or slow down clips&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href=&quot;https://www.blackmagicdesign.com/products/davinciresolve/&quot; target=&quot;_blank&quot;&gt;Download DaVinci&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;7-openshot&quot;&gt;7. Openshot&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;https://openshot.org&quot;&gt;Openshot&lt;/a&gt; 易于使用的用户界面使其成为适合中级编辑的出色视频编辑程序。虽然更复杂的工具可能会提供更多的编辑组件，但 OpenShot 的直观界面和极简设计非常适合简单的编辑。OpenShot 是小型企业的有效选择，最适合剪辑调整大小、缩放、修剪、捕捉和旋转。它还提供字幕滚动、帧步进、时间映射、音频编辑和实时预览。它适用于 Windows、Linux 和 Mac。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/vedio-editors/openshot.jpg?raw=true;&quot; class=&quot;img-fluid&quot; title=&quot;OpenShot  vedio editor&quot; alt=&quot;OpenShot vedio editor&quot; /&gt;&lt;/p&gt;

&lt;div style=&quot;color:var(--main-text-color);text-align:center;&quot;&gt; OpenShot 视频编辑器&lt;/div&gt;

&lt;p&gt;以下是其功能的简要介绍：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;跨平台 Cross-Platform&lt;/li&gt;
  &lt;li&gt;快速修剪您的视频 Quickly trim down your vidoes&lt;/li&gt;
  &lt;li&gt;使用我们强大的动画框架，您可以淡化、滑动、反弹和动画视频项目中的任何内容 Using our powerful animation framework,you can fade,slide,bounce,and animate anything in your video project&lt;/li&gt;
  &lt;li&gt;为水印、背景视频、音轨添加尽可能多的图层 Add as many layers as you need for watermarkers,background videos,audio tracks&lt;/li&gt;
  &lt;li&gt;视频效果引擎，从视频中去除背景，反转颜色，调整亮度 Video effects engine, remote background from your video,invert colors,adjust brightness&lt;/li&gt;
  &lt;li&gt;音频波形 Audio waveforms&lt;/li&gt;
  &lt;li&gt;带有模板的标题编辑器 Title editor with templates&lt;/li&gt;
  &lt;li&gt;渲染精美的 3D 动画标题和效果，例如雪景、镜头光晕或飞行​​文字 Render beautiful 3D animated titles and effects, such as snow ,lens flares, or flying text&lt;/li&gt;
  &lt;li&gt;控制时间的力量，倒转、减慢和加速视频 Control the power of time,reversing,slowing down , and speeping up video&lt;/li&gt;
  &lt;li&gt;使用预设或动画播放速度和方向 Use a preset or animate the playback speed and direction&lt;/li&gt;
  &lt;li&gt;从文件管理器拖放视频、音频或图像 Drag and drop video,audio, or images from your file system&lt;/li&gt;
  &lt;li&gt;70 多种语言 70+Languages&lt;/li&gt;
  &lt;li&gt;简单的用户界面 Simple user Interface&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;如果您是视频编辑的初学者并第一次尝试，这是您应该使用的编辑器来感受它&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://openshot.org/download&quot; target=&quot;_blank&quot;&gt;Download Openshot&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;8-kdenlive&quot;&gt;8. Kdenlive&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;https://kdenlive.org&quot;&gt;Kdenlive&lt;/a&gt;是一个15年以上的开源视频编辑器应用程序。KDenlive 是基于 QT 框架的免费开源视频编辑器，由一些最好的 FFMpeg、frei0r、movit、ladspa、sox 框架提供支持。此视频编辑器适用于具有一些附加高级功能的普通用户 - 但掌握和学习的内容并不多。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/vedio-editors/KDenlive.jpg?raw=true;&quot; class=&quot;img-fluid&quot; title=&quot;KDenlive  vedio editor&quot; alt=&quot;KDenlive vedio editor&quot; /&gt;&lt;/p&gt;

&lt;div style=&quot;color:var(--main-text-color);text-align:center;&quot;&gt; KDenlive 视频编辑器&lt;/div&gt;

&lt;p&gt;它的一些功能包括：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;多轨视频编辑 Muti-track video editing&lt;/li&gt;
  &lt;li&gt;使用任何音频/视频格式 Use any audio/video format&lt;/li&gt;
  &lt;li&gt;可配置的界面和快捷方式 Configurable interface and shotcuts&lt;/li&gt;
  &lt;li&gt;带有 2D 标题的标题器 Titler with 2D titles&lt;/li&gt;
  &lt;li&gt;许多效果和过渡 Many effects and transitions&lt;/li&gt;
  &lt;li&gt;音频和视频范围 Audio and Video scopes&lt;/li&gt;
  &lt;li&gt;代理编辑 Proxy editing&lt;/li&gt;
  &lt;li&gt;自动备份 Automated backup&lt;/li&gt;
  &lt;li&gt;在线资源直接从 UI 下载 Online sources directly  download from UI&lt;/li&gt;
  &lt;li&gt;时间线预览 Timeline preview&lt;/li&gt;
  &lt;li&gt;关键帧效果 Keyframeable effect&lt;/li&gt;
  &lt;li&gt;主题化界面 Themable Interface&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href=&quot;https://kdenlive.org/en/download/&quot; target=&quot;_blank&quot;&gt;Download KDenlive&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;9-flowblade&quot;&gt;9. Flowblade&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;https://jliljebl.github.io/flowblade/&quot;&gt;Flowblade&lt;/a&gt;“快速、精确和稳定”——是Flowblade视频编辑器的标语，它的名称解释了它的目标用户。Flowblade 是一种非线性视频编辑器，具有以下功能：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Edit tools 编辑工具&lt;/li&gt;
  &lt;li&gt;Timeline features 时间线功能&lt;/li&gt;
  &lt;li&gt;Compositors 作曲家&lt;/li&gt;
  &lt;li&gt;Filters 过滤器&lt;/li&gt;
  &lt;li&gt;Range log 作曲家&lt;/li&gt;
  &lt;li&gt;Proxy editing 代理编辑&lt;/li&gt;
  &lt;li&gt;Batch render queue 批量渲染队列&lt;/li&gt;
  &lt;li&gt;G’mic effects tool G’mic 效果工具&lt;/li&gt;
  &lt;li&gt;Audio mixer 混音器&lt;/li&gt;
  &lt;li&gt;Media relinker 媒体重新链接器&lt;/li&gt;
  &lt;li&gt;Titler 标题&lt;/li&gt;
  &lt;li&gt;Misc. Features 杂项。特征&lt;/li&gt;
  &lt;li&gt;Rendering 渲染&lt;/li&gt;
  &lt;li&gt;MLT supported video and audio codecs MLT 支持的视频和音频编解码器&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/vedio-editors/Flowblade.jpg?raw=true;&quot; class=&quot;img-fluid&quot; title=&quot;Flowblade  vedio editor&quot; alt=&quot;Flowblade vedio editor&quot; /&gt;&lt;/p&gt;

&lt;div style=&quot;color:var(--main-text-color);text-align:center;&quot;&gt; Flowblade 视频编辑器&lt;/div&gt;

&lt;p&gt;&lt;a href=&quot;https://jliljebl.github.io/flowblade/download.html&quot; target=&quot;_blank&quot;&gt;Download Flowblade&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;10-olive&quot;&gt;10. Olive&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;https://olivevideoeditor.org&quot;&gt;Olive&lt;/a&gt;是一款免费的非线性视频编辑器，旨在为高端专业视频编辑软件提供功能齐全的替代方案。它目前正在开发中，处于 ALPHA 阶段。从兴趣来看，似乎很有希望，用户正在通过 Olive 制作视频。但是，作为 ALPHA 版本，目前不建议用于专业工作，但您仍然可以尝试一下。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/vedio-editors/Olive.jpg?raw=true;&quot; class=&quot;img-fluid&quot; title=&quot;Olive  vedio editor&quot; alt=&quot;Olive vedio editor&quot; /&gt;&lt;/p&gt;

&lt;div style=&quot;color:var(--main-text-color);text-align:center;&quot;&gt; Olive 视频编辑器&lt;/div&gt;

&lt;p&gt;Olive适用于Windows, Liunx 和Mac,你可以通过以下链接下载：&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://www.olivevideoeditor.org/download.php&quot; target=&quot;_blank&quot;&gt;Download Olive&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;如何选择视频编辑器&quot;&gt;如何选择视频编辑器&lt;/h2&gt;

&lt;p&gt;有很多基于桌面的编辑软件可供希望制作宣传视频的企业使用。台式机免费视频编辑软件的最大优势在于，它们往往比大多数移动&lt;a href=&quot;#最佳-top-10-免费开源专业短视频剪辑应用程序-pc-apps&quot;&gt;视频编辑应用程序&lt;/a&gt;具有更多功能。&lt;/p&gt;

&lt;p&gt;无论您是为 YouTube 还是 TikTok 编辑视频，请牢记以下注意事项：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;strong&gt;用户体验。要考虑的另一件事是学习软件有多容易。寻找具有快速编辑模式的软件，以便您可以快速以您喜欢的风格编辑视频。模板也是一个好处。一个好的编辑软件也会有教程，这样你就可以学习功能和擅长。&lt;/strong&gt;&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;编辑功能。&lt;/strong&gt; 检查您选择的软件是否具有强大的视频编辑工具，可以给观众留下深刻印象。例如，如果您正在使用无人机镜头，您将需要一个可以增强视频并为视频添加效果的编辑软件。也许您需要色度键编辑或颜色分级，或更高级的功能，如 360 度编辑。&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;隐藏成本。&lt;/strong&gt; 一些视频编辑器是“免费的”，但只有在您支付更多钱才能使用更好的功能时才能正常工作。完全免费的编辑软件可能具有有限的文件格式支持、较差的性能或其他限制。您要考虑的软件应满足您所有的基本编辑需求，而无需额外费用。&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;支持。&lt;/strong&gt; 当您不熟悉视频编辑时，客户支持总是很有帮助的。如果您对某个功能有疑问，很高兴能在某个地方获得答案。检查您的软件是否具有支持服务，例如电子邮件/电话支持、常见问题解答或社区论坛，您可以在其中获得真人的帮助。&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;导出选项。&lt;/strong&gt; 您将在哪里发布视频？确保您的视频编辑软件能够以流行的格式输出高质量的视频，这样您就可以轻松地将视频上传到您的社交渠道。&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;要求。&lt;/strong&gt; 某些程序仅适用于某些计算机类型。例如，并非此列表中的所有软件都可以与 Google Chromebook 一起使用。在将时间投入软件之前，请确保它与您使用的任何桌面兼容。&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;为您寻找最好的免费视频编辑器&quot;&gt;为您寻找最好的免费视频编辑器&lt;/h2&gt;

&lt;p&gt;既然您知道寻找最佳免费视频编辑软件的选择，您就可以开始测试它们了。虽然每个选项都有其自身的优点和缺点，但希望您现在可以更好地了解哪种免费视频编辑程序最适合您的业务。&lt;/p&gt;

&lt;p&gt;与图片或文字帖子相比，视频在所有社交媒体平台上的平均参与度始终显示出更高的水平。专业、制作精良的营销视频可以帮助讲述您的产品故事、击败YouTube 算法、吸引观众的注意力、发展您的品牌个性，并最大限度地提高您在付费社交广告上的投资回报率。&lt;/p&gt;

&lt;p&gt;将您的内容营销提升到一个新的水平。有这么多免费的视频编辑软件可供选择，您的品牌营销视频内容的创意潜力没有限制。&lt;/p&gt;

&lt;h2 id=&quot;the-end&quot;&gt;The End&lt;/h2&gt;

&lt;hr /&gt;

&lt;p&gt;我们试图为您提供跨平台可用的免费视频编辑器指南，并帮助您根据自己的品味和用例进行选择。这个列表当然并不详尽，因为还有其他应用程序。&lt;/p&gt;

&lt;p&gt;We tried to give you a guide on free video editors that is available across platforms and helped you to pick based on your taste and use case. This list is not of-course exhaustive as there are other applications as well.&lt;/p&gt;

&lt;div class=&quot;d-flex justify-content-lg-end&quot; sytle=&quot;color:var(--main-text-color);&quot;&gt;图片来源：各自的应用程序Images Credits:Respective Applications&lt;/div&gt;
</description>
        <pubDate>Fri, 15 Jul 2022 09:25:18 +0000</pubDate>
        <link>/blog/top-10-best-professional-video-editors/</link>
        <guid isPermaLink="true">/blog/top-10-best-professional-video-editors/</guid>
      </item>
    
      <item>
        <title>Jekyll multiple languages Plugin</title>
        <description>&lt;h2 id=&quot;jekyll-html5-网站生成器-多语言插件&quot;&gt;Jekyll HTML5 网站生成器 多语言插件&lt;/h2&gt;

&lt;hr /&gt;
&lt;p&gt;&lt;img src=&quot;/assets/img/posts/jekyll_multiple_languages_plugin_logo.png&quot; alt=&quot;Jekyll 多语言组件&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Jekyll Multiple Languages 是 Jekyll 的一个国际化插件。它使用与 Rails 类似的方法将使用 Jekyll 开发的站点编译为一种或多种不同国家语言。不同语种站点将存储在与其包含的语言同名的子文件夹中。&lt;/p&gt;

&lt;p&gt;该插件是在&lt;a href=&quot;https://daresay.co&quot;&gt;Daresay开发的程序&lt;/a&gt;&lt;/p&gt;

&lt;h3 id=&quot;badges&quot;&gt;Badges&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;https://travis-ci.com/kurtsson/jekyll-multiple-languages-plugin&quot;&gt;&lt;img src=&quot;https://travis-ci.com/kurtsson/jekyll-multiple-languages-plugin.svg?branch=master&quot; alt=&quot;Build Status&quot; /&gt;&lt;/a&gt;
&lt;a href=&quot;http://badge.fury.io/rb/jekyll-multiple-languages-plugin&quot;&gt;&lt;img src=&quot;https://badge.fury.io/rb/jekyll-multiple-languages-plugin.png&quot; alt=&quot;Gem Version&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3 id=&quot;我们正在寻找更多的维护者&quot;&gt;!!我们正在寻找更多的维护者!!&lt;/h3&gt;

&lt;hr /&gt;
&lt;p&gt;你在用这个插件吗？即将加入的程序猿,你能帮忙测试和验证此插件吗？请为我们呐喊一个！&lt;/p&gt;

&lt;h3 id=&quot;目录&quot;&gt;目录&lt;/h3&gt;

&lt;hr /&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;#jekyll-html5-网站生成器-多语言插件&quot;&gt;jekyll 多语言插件&lt;/a&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href=&quot;#badges&quot;&gt;Badges&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#我们正在寻找更多的维护者&quot;&gt;！！我们正在寻找更多的维护者！！&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#目录&quot;&gt;目录&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#1-当前版本注意事项&quot;&gt;1. 当前版本注意事项&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#2-功能&quot;&gt;2. 功能&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#3-安装&quot;&gt;3. 安装&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href=&quot;#31-使用gem&quot;&gt;3.1. 使用Gem&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#32-手动逐步&quot;&gt;3.2. 手动逐步&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#33-作为git子模块&quot;&gt;3.3. 作为GIT子模块&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#4-配置&quot;&gt;4. 配置&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href=&quot;#41-配置文件&quot;&gt;4.1. _config.yml&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#42-文件夹结构&quot;&gt;4.2. 文件夹结构&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#5-用法&quot;&gt;5. 用法&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href=&quot;#51-翻译字符串&quot;&gt;5.1. 翻译字符串&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#52-包括翻译文件&quot;&gt;5.2. 包括翻译文件&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#53-permalinks链接和翻译链接&quot;&gt;5.3. Permalinks链接和翻译链接&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#54-模板中的-i18n&quot;&gt;5.4. 模板中的 i18n&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#55-语言之间的切换&quot;&gt;5.5. 语言之间的切换&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#56-创建页面&quot;&gt;5.6. 创建页面&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#57-创建帖子&quot;&gt;5.7. 创建帖子&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#58-选择要翻译的页面&quot;&gt;5.8. 选择要翻译的页面&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#6-许可证&quot;&gt;6. 许可证&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#7-示例网站&quot;&gt;7. 示例网站&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;h3 id=&quot;1-当前版本注意事项&quot;&gt;1. 当前版本注意事项&lt;/h3&gt;

&lt;hr /&gt;
&lt;p&gt;1.6.0 是目前稳定版本&lt;/p&gt;

&lt;p&gt;对Octopress的支持已被删除，但由于 Octopress 的核心是 Jekyll，因此该插件应该仍然可以使用它。Octopress 3 现在拥有自己的多语言插件:&lt;a href=&quot;https://github.com/octopress/multilingual&quot;&gt;https://github.com/octopress/multilingual&lt;/a&gt;&lt;/p&gt;

&lt;h3 id=&quot;2-功能&quot;&gt;2. 功能&lt;/h3&gt;

&lt;hr /&gt;

&lt;ul&gt;
  &lt;li&gt;支持具有相同代码的多种语言。&lt;/li&gt;
  &lt;li&gt;支持所有模板语言,只要支持&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;Liquid pipeline&lt;/code&gt;的。&lt;/li&gt;
  &lt;li&gt;在HTML中使用&lt;a href=&quot;https://github.com/Shopify/liquid&quot;&gt;Liquid tags&lt;/a&gt;来包含已翻译的字符串。&lt;/li&gt;
  &lt;li&gt;将所有支持的语言的站点多次编译到单独的子文件夹中。&lt;/li&gt;
  &lt;li&gt;与 –watch 标志一起工作，将自动重建所有语言。&lt;/li&gt;
  &lt;li&gt;包含一个示例网站，感谢&lt;a href=&quot;https://github.com/davrandom/&quot;&gt;@davrandom&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;支持模板文件语言转换&lt;/li&gt;
  &lt;li&gt;支持YAML格式&lt;/li&gt;
  &lt;li&gt;支持超链接&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 id=&quot;3-安装&quot;&gt;3. 安装&lt;/h3&gt;

&lt;hr /&gt;

&lt;h4 id=&quot;31-使用gem&quot;&gt;3.1. 使用Gem&lt;/h4&gt;

&lt;p&gt;该插件可作为 Ruby gem 使用，&lt;a href=&quot;https://rubygems.org/gems/jekyll-multiple-languages-plugin&quot;&gt;https://rubygems.org/gems/jekyll-multiple-languages-plugin&lt;/a&gt;。
将此行添加到应用程序的 Gemfile： 中&lt;/p&gt;

&lt;div class=&quot;language-bash highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt; gem &lt;span class=&quot;s1&quot;&gt;&apos;jekyll-multiple-languages-plugin&apos;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;然后执行：&lt;/p&gt;

&lt;div class=&quot;language-bash highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt; gem &lt;span class=&quot;nb&quot;&gt;install&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;或者自己手动安装:&lt;/p&gt;

&lt;div class=&quot;language-bash highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt; gem &lt;span class=&quot;nb&quot;&gt;install &lt;/span&gt;jekyll-multiple-languages-plugin
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;要激活插件，请将其添加到 Jekyll_config.yml文件中，在以下plugins选项添加下：&lt;/p&gt;

&lt;div class=&quot;language-ruby highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;ss&quot;&gt;plugins:
  &lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;jekyll&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;multiple&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;languages&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;plugin&lt;/span&gt;   
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;有关详细信息，请参阅&lt;a href=&quot;https://jekyllrb.com/docs/configuration&quot;&gt;jekyll配置文档&lt;/a&gt;&lt;/p&gt;

&lt;h4 id=&quot;32-手动逐步&quot;&gt;3.2. 手动逐步&lt;/h4&gt;

&lt;ol&gt;
  &lt;li&gt;使用Git或你熟悉方法，从仓库(reposirory)下载此插件&lt;/li&gt;
  &lt;li&gt;在你的jekyll项目的 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_plugins&lt;/code&gt;文件夹中，建一个新文件夹 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;jekyll-multiple-languages-plugin&lt;/code&gt;&lt;/li&gt;
  &lt;li&gt;链接或者复制目录&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;lib&lt;/code&gt;(此插件目录结构中),到你jekyll项目&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_plugins/jekyll-multiple-languages-plugin&lt;/code&gt;文件夹中.&lt;/li&gt;
&lt;/ol&gt;

&lt;h4 id=&quot;33-作为git子模块&quot;&gt;3.3. 作为GIT子模块&lt;/h4&gt;

&lt;p&gt;如果你的jekyll项目使用GIT,你可以使用git submodules子模块轻松的管理插件
使用如下&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;bash&lt;/code&gt;命令 安装插件作为GIT子模块(git submodule)&lt;/p&gt;

&lt;div class=&quot;language-bash highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt; git submodule add git://github.com/screeninteraction/jekyll-multiple-languages-plugin.git _plugins/multiple-languages    
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;更新子模块&lt;/p&gt;

&lt;div class=&quot;language-sh highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nb&quot;&gt;cd &lt;/span&gt;_plugins/multiple-languages
git pull origin master
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h3 id=&quot;4-配置&quot;&gt;4. 配置&lt;/h3&gt;

&lt;hr /&gt;

&lt;h4 id=&quot;41-配置文件&quot;&gt;4.1. 配置文件&lt;/h4&gt;

&lt;p&gt;将您网站中可用的语言添加到您的 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_config.yml&lt;/code&gt; 文件中(必须的)！&lt;/p&gt;

&lt;div class=&quot;language-yaml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;s&quot;&gt;languages:[&quot;en&quot;,&quot;zh&quot;,&quot;de&quot;,&quot;fr&quot;]&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;数组中的第一种语言将是默认语言英语，简体中文，德语和法语将被添加到单独的子文件夹中。
为了避免冗余，可以将有些文件和文件夹在复制到本地化文件夹中时排除在外。&lt;/p&gt;

&lt;div class=&quot;language-yaml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;na&quot;&gt;exclude_from_localizations&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;pi&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;javascript&quot;&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;images&quot;&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;css&quot;&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;]&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;在代码中，这些特定的文件应该通过 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;baseurl_root&lt;/code&gt; . 例如&lt;/p&gt;

&lt;div class=&quot;language-liquid highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;link rel=&quot;stylesheet&quot; href=&quot;&lt;span class=&quot;p&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;/css/bootstrap.css&quot;&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;|&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;prepend&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;site&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;baseurl_root&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}&lt;/span&gt;&quot;/&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;如果您希望避免将 default_lang 内置到您网站的根目录中，请使用：&lt;/p&gt;

&lt;div class=&quot;language-yaml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;na&quot;&gt;default_locale_in_subfolder&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;no&quot;&gt;true&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h4 id=&quot;42-文件夹结构&quot;&gt;4.2. 文件夹结构&lt;/h4&gt;

&lt;p&gt;创建一个名为的&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_i18n&lt;/code&gt;文件夹，并为每种语言添加子文件夹，子文件夹名使用与&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_config.yml&lt;/code&gt;下&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;languages&lt;/code&gt;项设置相同的名称，如下：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;/_i18n/en.yml&lt;/li&gt;
  &lt;li&gt;/_i18n/sv.yml&lt;/li&gt;
  &lt;li&gt;/_i18n/de.yml&lt;/li&gt;
  &lt;li&gt;/_i18n/fr.yml&lt;/li&gt;
  &lt;li&gt;/_i18n/sv/pagename/blockname.md&lt;/li&gt;
  &lt;li&gt;/_i18n/fr/pagename/blockname.md&lt;/li&gt;
  &lt;li&gt;/_i18n/en/pagename/blockname.md&lt;/li&gt;
  &lt;li&gt;/_i18n/de/pagename/blockname.md&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 id=&quot;5-用法&quot;&gt;5. 用法&lt;/h3&gt;

&lt;hr /&gt;

&lt;h4 id=&quot;51-翻译字符串&quot;&gt;5.1. 翻译字符串&lt;/h4&gt;

&lt;p&gt;要将翻译后的字符串添加到您的网页中，请使用以下 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;liquid tags&lt;/code&gt; 标签之一：&lt;/p&gt;

&lt;div class=&quot;language-liquid highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;t&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;key&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
or
&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;translate&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;key&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;这将在编译期间从&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;language.yml&lt;/code&gt;文件中选择正确相符的字符串。
&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;language.yml&lt;/code&gt; 文件是用 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;YAML&lt;/code&gt; 语法编写的，它很适合简单的字符串分组。&lt;/p&gt;

&lt;div class=&quot;language-yaml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;na&quot;&gt;global&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;
  &lt;span class=&quot;na&quot;&gt;swedish&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;Svenska&lt;/span&gt;
  &lt;span class=&quot;na&quot;&gt;english&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;English&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;pages&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;
  &lt;span class=&quot;na&quot;&gt;home&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;Home&lt;/span&gt;
  &lt;span class=&quot;na&quot;&gt;work&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;Work&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;想要访问键值为&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;english&lt;/code&gt;语言，请使用以下标签之一：&lt;/p&gt;

&lt;div class=&quot;language-liquid highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;t&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;global.english&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
or
&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;translate&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;global.english&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;您还可以通过访问&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;site.translations&lt;/code&gt;哈希来访问已翻译的字符串，这允许您使用已翻译字符串的索引在 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;Liquid&lt;/code&gt; 中循环访问翻译：&lt;/p&gt;

&lt;div class=&quot;language-liquid highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;for&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;item&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;site.translations[site.lang].my_nested_yaml_collection&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
    &amp;lt;p&amp;gt;&lt;span class=&quot;p&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;item&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}&lt;/span&gt; -&amp;gt; &lt;span class=&quot;p&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;item&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}&lt;/span&gt;&amp;lt;/p&amp;gt;
&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;endfor&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;或翻译后的字符串的赋值：&lt;/p&gt;

&lt;div class=&quot;language-yaml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;na&quot;&gt;my_nested_yaml_collection&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;
  &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt;
    &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;First&lt;/span&gt;
    &lt;span class=&quot;na&quot;&gt;message&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;Message&lt;/span&gt;
  &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt;
    &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;Second&lt;/span&gt;
    &lt;span class=&quot;na&quot;&gt;message&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;Message&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;div class=&quot;language-liquid highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;for&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;item&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;site.translations[site.lang].my_nested_yaml_collection&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
   &amp;lt;li&amp;gt;
      &amp;lt;h2&amp;gt;&lt;span class=&quot;p&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;item&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;title&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}&lt;/span&gt;&amp;lt;/h2&amp;gt;
      &amp;lt;p&amp;gt;&lt;span class=&quot;p&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;item&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;message&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}&lt;/span&gt;&amp;lt;/p&amp;gt;
   &amp;lt;/li&amp;gt;
&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;endfor&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h4 id=&quot;52-包括翻译文件&quot;&gt;5.2. 包括翻译文件&lt;/h4&gt;

&lt;p&gt;该插件还支持使用&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;liquid tags&lt;/code&gt; 为不同语言使用不同的&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;darkdown&lt;/code&gt;文件：&lt;/p&gt;

&lt;div class=&quot;language-liquid highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;tf&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;pagename/blockname.md&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
or
&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;translate_file&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;pagename/blockname.md&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;这个插件与 Jekyll 的内置&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;liquid tags&lt;/code&gt;具有完全相同的支持和语法：&lt;/p&gt;

&lt;div class=&quot;language-liquid highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;include&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;file&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;所以jekyll 其他插件功能的扩展，也因该适应于此插件。&lt;/p&gt;

&lt;h4 id=&quot;53-permalinks链接和翻译链接&quot;&gt;5.3. Permalinks链接和翻译链接&lt;/h4&gt;

&lt;p&gt;使用Permalinks去本地化页面，你必须提供一个默认&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;permalink&lt;/code&gt;和指定语言的&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;permalinks&lt;/code&gt;,举例：为法语设置&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;permalink_fr&lt;/code&gt;.
去翻译链接，你同样必须添加一个 &lt;strong&gt;unique namespace&lt;/strong&gt; 在&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;yaml front matter&lt;/code&gt;中，联合&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;permalinks&lt;/code&gt;
示列：&lt;/p&gt;

&lt;div class=&quot;language-yaml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nn&quot;&gt;---&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;layout&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;         &lt;span class=&quot;s&quot;&gt;default&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;namespace&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;     &lt;span class=&quot;s&quot;&gt;team&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;permalink&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;      &lt;span class=&quot;s&quot;&gt;/team/&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;permalink_fr&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;   &lt;span class=&quot;s&quot;&gt;/equipe/&lt;/span&gt;
&lt;span class=&quot;nn&quot;&gt;---&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;然后你可以像这样使用翻译链接 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;liquid tags&lt;/code&gt;代码示列如下：&lt;/p&gt;

&lt;div class=&quot;language-liquid highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;a href=&quot;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;tl&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;team&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;&quot;&amp;gt; &amp;lt;!--This link will return /team if we are in the English version of the website and /fr/equipe if it&apos;s the French version&amp;lt;/a&amp;gt;--&amp;gt;
&amp;lt;a href=&quot;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;tl&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;team&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;fr&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;&quot;&amp;gt; &amp;lt;!--This link will always return /fr/equipe&amp;lt;/a&amp;gt;--&amp;gt;
or the longer version:
&amp;lt;a href=&quot;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;translate_link&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;team&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;&quot;&amp;gt; &amp;lt;!--This link will return /team if we are in the English version of the website and /fr/equipe if it&apos;s the french version&amp;lt;/a&amp;gt;--&amp;gt;
&amp;lt;a href=&quot;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;translate_link&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;team&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;fr&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;&quot;&amp;gt; &amp;lt;!--This link will always return /fr/equipe&amp;lt;/a&amp;gt;--&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h4 id=&quot;54-模板中的-i18n&quot;&gt;5.4. 模板中的 i18n&lt;/h4&gt;

&lt;p&gt;有时即使在模板文件中添加键也很方便。这与在普通文件中的工作方式完全相同，但是有时即使它们使用相同的模板，在不同的页面中包含不同的字符串也会很有用。&lt;/p&gt;

&lt;p&gt;一个完美的例子是这样的：&lt;/p&gt;

&lt;div class=&quot;language-html highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nt&quot;&gt;&amp;lt;html&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;nt&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;
    &lt;span class=&quot;nt&quot;&gt;&amp;lt;title&amp;gt;&lt;/span&gt;{% t page.title %}&lt;span class=&quot;nt&quot;&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;nt&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;
&lt;span class=&quot;nt&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;那么如何为所有页面添加不同的翻译标题？别担心，这很容易。Multiple Languages 插件支持 Liquid 变量以及字符串，因此，在您的页面定义中定义一个页面变量&lt;/p&gt;

&lt;div class=&quot;language-yaml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nn&quot;&gt;---&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;layout&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;default&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;titles.home&lt;/span&gt;
&lt;span class=&quot;nn&quot;&gt;---&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;title&amp;gt;{% t page.title %}&amp;lt;/title&amp;gt;&lt;/code&gt;
表示为将从&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;language.yml&lt;/code&gt;中获取键为&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;titles.home&lt;/code&gt;的值并显示&lt;/p&gt;

&lt;div class=&quot;language-yaml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;na&quot;&gt;titles&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;
  &lt;span class=&quot;na&quot;&gt;home&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;Home&quot;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h4 id=&quot;55-语言之间的切换&quot;&gt;5.5. 语言之间的切换&lt;/h4&gt;

&lt;p&gt;此插件使用变量 如下：&lt;/p&gt;

&lt;div class=&quot;language-liquid highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;p&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;site&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;lang&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}&lt;/span&gt;
and
&lt;span class=&quot;p&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;site&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;baseurl_root&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;在您的模板文件中使用。&lt;/p&gt;

&lt;p&gt;这使您可以创建如下解决方案：&lt;/p&gt;

&lt;div class=&quot;language-liquid highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kr&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;site&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;lang&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;o&quot;&gt;==&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;zh&quot;&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
  &lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;capture&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;link1&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;site&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;baseurl_root&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}&lt;/span&gt;/en&lt;span class=&quot;p&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;page&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;endcapture&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
  &amp;lt;a href=&quot;&lt;span class=&quot;p&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;link1&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}&lt;/span&gt;&quot; &amp;gt;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;t&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;global.english&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;&amp;lt;/a&amp;gt;
&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kr&quot;&gt;elsif&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;site&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;lang&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;o&quot;&gt;==&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;en&quot;&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
  &lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;capture&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;link2&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;site&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;baseurl_root&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;page&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;w&quot;&gt;  &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;endcapture&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
  &amp;lt;a href=&quot;&lt;span class=&quot;p&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nv&quot;&gt;link2&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;}}&lt;/span&gt;&quot; &amp;gt;&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;t&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;global.chinese&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;&amp;lt;/a&amp;gt;
&lt;span class=&quot;p&quot;&gt;{%&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kr&quot;&gt;endif&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;%}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;以上代码段将创建一个在中文和英语之间切换的链接。使用的变量更详细描述如下表：&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: left&quot;&gt;变量对象&lt;/th&gt;
      &lt;th style=&quot;text-align: left&quot;&gt;值&lt;/th&gt;
      &lt;th style=&quot;text-align: right&quot;&gt;列子&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: left&quot;&gt;site.lang&lt;/td&gt;
      &lt;td style=&quot;text-align: left&quot;&gt;当前编译阶段使用的语言&lt;/td&gt;
      &lt;td style=&quot;text-align: right&quot;&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;en&lt;/code&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: left&quot;&gt;site.baseurl&lt;/td&gt;
      &lt;td style=&quot;text-align: left&quot;&gt;指向站点的根目录，包含当前语言&lt;/td&gt;
      &lt;td style=&quot;text-align: right&quot;&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;http://foo.bar/en&lt;/code&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: left&quot;&gt;site.baseurl_root&lt;/td&gt;
      &lt;td style=&quot;text-align: left&quot;&gt;指向没有语言路经的页面根目录&lt;/td&gt;
      &lt;td style=&quot;text-align: right&quot;&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;http://foo.bar&lt;/code&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: left&quot;&gt;page.url&lt;/td&gt;
      &lt;td style=&quot;text-align: left&quot;&gt;当前页面相对于 baseurl 的相对 URL 路经&lt;/td&gt;
      &lt;td style=&quot;text-align: right&quot;&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/a/sub/folder/page/&lt;/code&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;h4 id=&quot;56-创建页面&quot;&gt;5.6. 创建页面&lt;/h4&gt;

&lt;p&gt;根据你的网站主题或您的偏好，您需要在根文件夹或文件夹（例如&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_pages&lt;/code&gt;）中创建&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;template&lt;/code&gt;页面。在每个页面内（在本例中为 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;about.md&lt;/code&gt;），您应该在&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;front matter&lt;/code&gt;和`body’中至少包含以下内容：&lt;/p&gt;

&lt;div class=&quot;language-ruby highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;o&quot;&gt;---&lt;/span&gt;
&lt;span class=&quot;ss&quot;&gt;layout: &lt;/span&gt;&lt;span class=&quot;n&quot;&gt;page&lt;/span&gt;
&lt;span class=&quot;ss&quot;&gt;title: &lt;/span&gt;&lt;span class=&quot;no&quot;&gt;About&lt;/span&gt;
&lt;span class=&quot;ss&quot;&gt;permalink: &lt;/span&gt;&lt;span class=&quot;sr&quot;&gt;/about/&lt;/span&gt;
&lt;span class=&quot;o&quot;&gt;---&lt;/span&gt;


&lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;sx&quot;&gt;% translate_file &lt;/span&gt;&lt;span class=&quot;n&quot;&gt;about&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;about&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;md&lt;/span&gt; &lt;span class=&quot;sx&quot;&gt;%}

&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;在每个语言文件夹中，您应该创建镜像页面以提供该语言的实际内容（例如&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;i18n/es/about/about.md&lt;/code&gt;）。
确保从这些md文件中删除&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;headers&lt;/code&gt;，否则您的网站无法运行。&lt;/p&gt;

&lt;h4 id=&quot;57-创建帖子&quot;&gt;5.7. 创建帖子&lt;/h4&gt;

&lt;p&gt;语言本地化的这些帖子按语言代码（如en,zh等等）。您的所有POSTS将保存在_i18n/[lang]/_posts目录中。因此：例如，如果您的网站上有英语，您应该将您的帖子放在_i18n/en/_posts目录中。&lt;/p&gt;

&lt;h4 id=&quot;58-选择要翻译的页面&quot;&gt;5.8. 选择要翻译的页面&lt;/h4&gt;

&lt;p&gt;有时您只想生成选定语言版本的页面，尤其是非默认语言的页面。您可以使用语言标签来做到这一点&lt;/p&gt;

&lt;p&gt;Example:&lt;/p&gt;

&lt;div class=&quot;language-yaml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nn&quot;&gt;---&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;permalink&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;      &lt;span class=&quot;s&quot;&gt;/team/&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;permalink_zh&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;   &lt;span class=&quot;s&quot;&gt;/团队/&lt;/span&gt;

&lt;span class=&quot;na&quot;&gt;languages&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;pi&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;zh&quot;&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;]&lt;/span&gt;
&lt;span class=&quot;nn&quot;&gt;---&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;页面只生成中文版本&lt;/p&gt;

&lt;h3 id=&quot;6-许可证&quot;&gt;6. 许可证&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;/LICENSE&quot;&gt;MIT License&lt;/a&gt;&lt;/p&gt;
&lt;hr /&gt;

&lt;h3 id=&quot;7-示例网站&quot;&gt;7. 示例网站&lt;/h3&gt;

&lt;hr /&gt;

&lt;p&gt;在&lt;a href=&quot;https://github.com/kurtsson/jekyll-multiple-languages-plugin&quot;&gt;jekyll-multiple-languages-plugin&lt;/a&gt;项目有一个示例网站，您可以在其中测试插件。下载项目后，进入&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;example&lt;/code&gt;目录并运行：&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;bundle install&lt;/code&gt;安装最新版本的 Jekyll（编辑 Gemfile 以安装另一个版本）和所有其他依赖项。&lt;/p&gt;

&lt;p&gt;然后运行&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;bundle exec jekyll serve&lt;/code&gt;启动 Jekyll 服务器。使用您的网络浏览器，访问该地址&lt;a href=&quot;http://localhost:4000&quot;&gt;http://localhost:4000&lt;/a&gt;。&lt;/p&gt;

&lt;h4 id=&quot;71-添加新语言&quot;&gt;7.1. 添加新语言&lt;/h4&gt;

&lt;p&gt;想象一下，您想在测试网站上添加德语页面。首先，在语言列表中添加一种新语言 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_config.yml&lt;/code&gt;：&lt;/p&gt;

&lt;div class=&quot;language-ruby highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;ss&quot;&gt;languages: &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;zh&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;en&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;es&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;de&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;在&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_i18n&lt;/code&gt;文件夹下为该语言创建一个新文件夹，如命名为&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;de&lt;/code&gt;，并添加一个包含翻译的&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;Markdown&lt;/code&gt;文件，就像在其他语言文件夹中一样。&lt;/p&gt;

&lt;h4 id=&quot;72-添加新页面&quot;&gt;7.2. 添加新页面&lt;/h4&gt;

&lt;p&gt;假设您想为示例网站创建一个&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;about&lt;/code&gt;页面，您将创建&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;about.html&lt;/code&gt;在网站的根目录（与&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;index.html&lt;/code&gt;同的位置）下，其中：&lt;/p&gt;

&lt;div class=&quot;language-ruby highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;o&quot;&gt;---&lt;/span&gt;
&lt;span class=&quot;ss&quot;&gt;layout: &lt;/span&gt;&lt;span class=&quot;n&quot;&gt;page&lt;/span&gt;
&lt;span class=&quot;ss&quot;&gt;title: &lt;/span&gt;&lt;span class=&quot;no&quot;&gt;About&lt;/span&gt;
&lt;span class=&quot;ss&quot;&gt;permalink: &lt;/span&gt;&lt;span class=&quot;sr&quot;&gt;/about/&lt;/span&gt;
&lt;span class=&quot;o&quot;&gt;---&lt;/span&gt;

&lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;sx&quot;&gt;% translate_file &lt;/span&gt;&lt;span class=&quot;n&quot;&gt;about&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;about&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;md&lt;/span&gt; &lt;span class=&quot;sx&quot;&gt;%}
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;然后，建立命名为&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;about.md&lt;/code&gt;的英文内容页面，在&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_i18n/en&lt;/code&gt;文件夹中，重复同样步驟为其他语言（如：&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_i18n/es/about.md&lt;/code&gt;等等）
运行网站，访问地址&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;http://localhost:4000/about&lt;/code&gt;以查看英文版,&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;http://localhost:4000/es/about&lt;/code&gt; 西班牙文版 等其它语言版本。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;感谢&lt;/strong&gt;
本译文来自
Thanks for  &lt;a href=&quot;https://github.com/kurtsson/jekyll-multiple-languages-plugin&quot;&gt;Jekyll multiple languages plugin&lt;/a&gt;
All Contributors and Maintainer&lt;/p&gt;
</description>
        <pubDate>Sun, 10 Jul 2022 16:32:18 +0000</pubDate>
        <link>/blog/jekyll-multiple-launguages-plugin/</link>
        <guid isPermaLink="true">/blog/jekyll-multiple-launguages-plugin/</guid>
      </item>
    
      <item>
        <title>Adding Multiple Categories in Posts</title>
        <description>&lt;h2 id=&quot;adding-multiple-categories-in-posts&quot;&gt;Adding Multiple Categories in Posts&lt;/h2&gt;

&lt;p&gt;To add categories in blog posts all you have to do is add a &lt;strong&gt;category&lt;/strong&gt; key with category values in frontmatter of the post :&lt;/p&gt;

&lt;div class=&quot;language-yml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nn&quot;&gt;---&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;category&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;pi&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;&apos;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;jekyll&apos;&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s1&quot;&gt;&apos;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;guides&apos;&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s1&quot;&gt;&apos;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;sample_category&apos;&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;]&lt;/span&gt;
&lt;span class=&quot;nn&quot;&gt;---&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;Then to render this category using link and pages. All we need to do is,&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;
    &lt;p&gt;Create a new file with [your_category_name].md inside categories folder.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Copy categories/sample_category.md file and replace the content in [your_category_name].md in that. (Please don’t copy the code below its just sample, since it renders the jekyll syntax dynamically)&lt;/p&gt;
  &lt;/li&gt;
&lt;/ol&gt;

&lt;div class=&quot;language-jsx highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;o&quot;&gt;---&lt;/span&gt;
&lt;span class=&quot;nx&quot;&gt;layout&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;page&lt;/span&gt;
&lt;span class=&quot;nx&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;Guides&lt;/span&gt;
&lt;span class=&quot;nx&quot;&gt;permalink&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;blog&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;categories&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;your_category_name&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;/&lt;/span&gt;
&lt;span class=&quot;o&quot;&gt;---&lt;/span&gt;

&lt;span class=&quot;p&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;h5&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;&amp;gt;&lt;/span&gt; Posts by Category : Adding Multiple Categories in Posts &lt;span class=&quot;p&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;h5&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;&amp;gt;&lt;/span&gt;

&lt;span class=&quot;p&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;div&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;card&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;&amp;gt;&lt;/span&gt;

&lt;span class=&quot;p&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;div&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;Using the category, all the posts associated with the category will be listed on
&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;http://localhost:4000/blog/categories/your_category_name&lt;/code&gt;&lt;/p&gt;
</description>
        <pubDate>Sat, 27 Feb 2021 20:05:23 +0000</pubDate>
        <link>/blog/adding-categories-tags-in-posts/</link>
        <guid isPermaLink="true">/blog/adding-categories-tags-in-posts/</guid>
      </item>
    
      <item>
        <title>Added Multi Author Support</title>
        <description>&lt;h2 id=&quot;now-multiple-authors-can-create-articles&quot;&gt;Now Multiple Authors Can Create Articles&lt;/h2&gt;

&lt;p&gt;You can now create or collaborate with multiple authors,Especially when you are working with teams. Each author will have a unique page of her written articles also her profile widget in Articles written by his/her.&lt;/p&gt;

&lt;p&gt;For this every Author needs to have a unique username (without space) For eg. If Author is John Doe - the username should be &lt;strong&gt;johndoe&lt;/strong&gt; or &lt;strong&gt;john-doe&lt;/strong&gt; (without space).This key will be used by devlopr, to fetch individual author’s profile pages internally.&lt;/p&gt;

&lt;h3 id=&quot;configuring-authors&quot;&gt;Configuring Authors&lt;/h3&gt;

&lt;p&gt;Under _authors folder create a author details file (username.md) with his/her username (as described above). For eg. &lt;strong&gt;johndoe.md&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Then add this frontmatter to describe the author in &lt;strong&gt;johndoe.md&lt;/strong&gt;.&lt;/p&gt;

&lt;div class=&quot;language-yml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nn&quot;&gt;---&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;John Doe&lt;/span&gt; &lt;span class=&quot;c1&quot;&gt;# Name of the Author&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;username&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;johndoe&lt;/span&gt; &lt;span class=&quot;c1&quot;&gt;# Username of the Author&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;bio&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;Hi&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;I&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;John,&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;Web&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;Developer&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;and&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;Designer.&quot;&lt;/span&gt; &lt;span class=&quot;c1&quot;&gt;# Author Bio&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;site&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;http://johndoe.com&lt;/span&gt;  &lt;span class=&quot;c1&quot;&gt;# Author Website URL&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;avatar&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;johndoe.png&lt;/span&gt;  &lt;span class=&quot;c1&quot;&gt;# Profile Image (img path will be /assets/img/authors/johndoe.png)&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;email&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;mail@johndoe.com&lt;/span&gt;  &lt;span class=&quot;c1&quot;&gt;# Author Email address&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;social&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;  &lt;span class=&quot;c1&quot;&gt;# Author Social profile links&lt;/span&gt;
    &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;github&quot;&lt;/span&gt;
      &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://github.com/johndoe&quot;&lt;/span&gt;
    &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;linkedin&quot;&lt;/span&gt;
      &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://www.linkedin.com/in/johndoe&quot;&lt;/span&gt;
    &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;youtube&quot;&lt;/span&gt;
      &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://www.youtube.com/channel/UCSfLBFFfNU9r6ihfei6VeJw&quot;&lt;/span&gt;
    &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;facebook&quot;&lt;/span&gt;
      &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://www.facebook.com/johndoe&quot;&lt;/span&gt;
    &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;twitter&quot;&lt;/span&gt;
      &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://www.twitter.com/johndoe&quot;&lt;/span&gt;
    &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;behance&quot;&lt;/span&gt;
      &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://behance.com/johndoe&quot;&lt;/span&gt;
    &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;instagram&quot;&lt;/span&gt;
      &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://instagram.com/johndoe&quot;&lt;/span&gt;
    &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;medium&quot;&lt;/span&gt;
      &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://medium.com/johndoe&quot;&lt;/span&gt;
    &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;telegram&quot;&lt;/span&gt;
      &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://telegram.com/johndoe&quot;&lt;/span&gt;
    &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;dribbble&quot;&lt;/span&gt;
      &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://dribbble.com/johndoe&quot;&lt;/span&gt;
    &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;flickr&quot;&lt;/span&gt;
      &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://flickr.com/johndoe&quot;&lt;/span&gt;
&lt;span class=&quot;nn&quot;&gt;---&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;You can create multiple authors similarly under _authors&lt;/p&gt;

&lt;p&gt;Next, copy the same frontmatter in _data/authors.yml (under individual author usernames) like this :&lt;/p&gt;

&lt;div class=&quot;language-yml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;c1&quot;&gt;# Author 1&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;johndoe&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;John Doe&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;username&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;johndoe&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;site&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;http://johndoe.com&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;avatar&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;johndoe.png&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;bio&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;Hi&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;I&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;John,&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;Web&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;Developer&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;and&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;Designer.&quot;&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;email&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;mail@johndoe.com&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;social&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;github&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://github.com/johndoe&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;linkedin&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://www.linkedin.com/in/johndoe&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;youtube&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://www.youtube.com/channel/UCSfLBFFfNU9r6ihfei6VeJw&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;facebook&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://www.facebook.com/johndoe&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;twitter&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://www.twitter.com/johndoe&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;behance&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://behance.com/johndoe&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;instagram&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://instagram.com/johndoe&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;medium&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://medium.com/johndoe&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;telegram&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://telegram.com/johndoe&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;dribbble&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://dribbble.com/johndoe&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;flickr&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://flickr.com/johndoe&quot;&lt;/span&gt;

&lt;span class=&quot;c1&quot;&gt;# Author 2&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;janedoe&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;Jane Doe&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;username&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;janedoe&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;site&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;https://janedoe.com&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;avatar&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;jane.png&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;bio&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;Designer&quot;&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;email&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;mail@janedoe.com&lt;/span&gt;
   &lt;span class=&quot;na&quot;&gt;social&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;github&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://github.com/janedoe&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;linkedin&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://www.linkedin.com/janedoe&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;youtube&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://www.youtube.com/channel/UCSfLBFFfNU9r6ihfei6VeJw&quot;&lt;/span&gt;
      &lt;span class=&quot;pi&quot;&gt;-&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;facebook&quot;&lt;/span&gt;
        &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;https://www.facebook.com/janedoe&quot;&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;Likewise ! This will be helpful for the widgets. (About Author, Recent Articles).&lt;/p&gt;

&lt;h3 id=&quot;adding-author-to-post&quot;&gt;Adding Author to Post&lt;/h3&gt;

&lt;p&gt;When creating a new post, just add the author in frontmatter using the username of the author&lt;/p&gt;

&lt;p&gt;For eg, In 2020-10-24-demo-article.md&lt;/p&gt;

&lt;div class=&quot;language-yml highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nn&quot;&gt;---&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;layout&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;post&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;Demo&lt;/span&gt;&lt;span class=&quot;nv&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s&quot;&gt;Article&quot;&lt;/span&gt;
&lt;span class=&quot;na&quot;&gt;author&lt;/span&gt;&lt;span class=&quot;pi&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;janedoe&lt;/span&gt;
&lt;span class=&quot;nn&quot;&gt;---&lt;/span&gt;
&lt;span class=&quot;s&quot;&gt;This is Jane Doe&apos;s Article&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;Now there will be Authors widget in Blog Sidebar, showing all authors like this :&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://res.cloudinary.com/sujaykundu/image/upload/c_scale,fl_progressive,w_400/v1603700133/3_tiuar0.png&quot; alt=&quot;Author Sidebar Widget&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Also a Author Profile Page will be created for Jane Doe to showcase her written articles.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://res.cloudinary.com/sujaykundu/image/upload/c_scale,fl_progressive,w_400/v1603643237/1_ee3yke.png&quot; alt=&quot;Author Page&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Also, below this article you can see the Author Profile Card , who has written the article too ! ;)&lt;/p&gt;

&lt;p&gt;Cheers ! Hope You enjoy this new feature. :D&lt;/p&gt;
</description>
        <pubDate>Sat, 24 Oct 2020 20:05:23 +0000</pubDate>
        <link>/blog/added-multi-author-support/</link>
        <guid isPermaLink="true">/blog/added-multi-author-support/</guid>
      </item>
    
      <item>
        <title>Added Latex Support</title>
        <description>&lt;h2 id=&quot;you-can-now-use-latex-to-write-equations&quot;&gt;You can now use LaTex to write equations&lt;/h2&gt;

&lt;p&gt;In the frontmatter of the article add this :&lt;/p&gt;

&lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;usemathjax: true&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;After that, simply wrap the math symbols of your article with two double-dollar sign $$:&lt;/p&gt;

&lt;p&gt;For Example :&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;use this &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;$$E=mc^2$$&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You should be able to see it in your post as: \(E=mc^2\)&lt;/p&gt;

&lt;p&gt;use &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;$$mean = \frac{\displaystyle\sum_{i=1}^{n} x_{i}}{n}$$&lt;/code&gt; to write :&lt;/p&gt;

\[mean = \frac{\displaystyle\sum_{i=1}^{n} x_{i}}{n}\]

&lt;ul&gt;
  &lt;li&gt;Use &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;k_{n+1} = n^2 + k_n^2 - k_{n-1}&lt;/code&gt; to write&lt;/li&gt;
&lt;/ul&gt;

\[k_{n+1} = n^2 + k_n^2 - k_{n-1}\]
</description>
        <pubDate>Sat, 24 Oct 2020 05:05:23 +0000</pubDate>
        <link>/blog/added-latex-equations-support/</link>
        <guid isPermaLink="true">/blog/added-latex-equations-support/</guid>
      </item>
    
      <item>
        <title>Netlify CMS created this Article</title>
        <description>&lt;h2 id=&quot;hello-world&quot;&gt;Hello World&lt;/h2&gt;

&lt;p&gt;This page is a demo that shows everything you can do inside blog posts. Hi !&lt;/p&gt;

&lt;p&gt;We’ve included everything you need to create engaging posts about your work, and show off your case studies in a beautiful way.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Obviously,&lt;/strong&gt;we’ve styled up &lt;em&gt;all the basic&lt;/em&gt; text formatting options available in &lt;a href=&quot;https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet&quot;&gt;markdown&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;You can create lists:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Simple bulleted lists&lt;/li&gt;
  &lt;li&gt;Like this one&lt;/li&gt;
  &lt;li&gt;Are cool&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And:&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;Numbered lists&lt;/li&gt;
  &lt;li&gt;Like this other one&lt;/li&gt;
  &lt;li&gt;Are great too&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;You can also add &lt;strong&gt;blockquotes&lt;/strong&gt;, which are shown at a larger width to help break up the layout and draw attention to key parts of your content:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;“Simple can be harder than complex: You have to work hard to get your thinking clean to make it simple. But it’s worth it in the end because once you get there, you can move mountains.”&lt;/p&gt;
&lt;/blockquote&gt;
</description>
        <pubDate>Sat, 23 May 2020 09:52:20 +0000</pubDate>
        <link>/blog/using-netlify-cms/</link>
        <guid isPermaLink="true">/blog/using-netlify-cms/</guid>
      </item>
    
      <item>
        <title>Welcome to devlopr-jekyll !</title>
        <description>&lt;p&gt;You’ll find this post in your &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;, which launches a web server and auto-regenerates your site when a file is updated.&lt;/p&gt;

&lt;p&gt;To add new posts, simply add a file in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory that follows the convention &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;YYYY-MM-DD-name-of-post.ext&lt;/code&gt; and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.&lt;/p&gt;

&lt;p&gt;Jekyll also offers powerful support for code snippets:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-ruby&quot; data-lang=&quot;ruby&quot;&gt;&lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;print_hi&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
  &lt;span class=&quot;nb&quot;&gt;puts&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;Hi, &lt;/span&gt;&lt;span class=&quot;si&quot;&gt;#{&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;si&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
&lt;span class=&quot;n&quot;&gt;print_hi&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;&apos;Tom&apos;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;or&lt;/p&gt;

&lt;div class=&quot;language-javascript highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;kd&quot;&gt;var&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;a&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;kd&quot;&gt;var&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;b&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;kd&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;sum&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;num1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;num2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;){&lt;/span&gt;
  &lt;span class=&quot;k&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;num1&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;num2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;kd&quot;&gt;var&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;result&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;sum&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;b&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
</description>
        <pubDate>Wed, 22 May 2019 09:05:23 +0000</pubDate>
        <link>/blog/welcome-to-devlopr-jekyll/</link>
        <guid isPermaLink="true">/blog/welcome-to-devlopr-jekyll/</guid>
      </item>
    

    
      
        
      
    
      
    
      
        
          <item>
            <title></title>
            <description>&lt;h3&gt;   &lt;/h3&gt;

&lt;div id=&quot;categories&quot;&gt;

  &lt;div class=&quot;category-box&quot;&gt;
    
    &lt;div id=&quot;#jekyll&quot;&gt;&lt;/div&gt;
    &lt;h4 class=&quot;category-head&quot;&gt;&lt;a href=&quot;/blog/categories/jekyll&quot;&gt;jekyll&lt;/a&gt;&lt;/h4&gt;
    &lt;a name=&quot;jekyll&quot;&gt;&lt;/a&gt;
     
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/jekyll-multiple-launguages-plugin/&quot;&gt;Jekyll multiple languages Plugin&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/adding-categories-tags-in-posts/&quot;&gt;Adding Multiple Categories in Posts&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/added-multi-author-support/&quot;&gt;Added Multi Author Support&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/added-latex-equations-support/&quot;&gt;Added Latex Support&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/using-netlify-cms/&quot;&gt;Netlify CMS created this Article&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/welcome-to-devlopr-jekyll/&quot;&gt;Welcome to devlopr-jekyll !&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    

  &lt;/div&gt;

  &lt;div class=&quot;category-box&quot;&gt;
    
    &lt;div id=&quot;#guides&quot;&gt;&lt;/div&gt;
    &lt;h4 class=&quot;category-head&quot;&gt;&lt;a href=&quot;/blog/categories/guides&quot;&gt;guides&lt;/a&gt;&lt;/h4&gt;
    &lt;a name=&quot;guides&quot;&gt;&lt;/a&gt;
     
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/adding-categories-tags-in-posts/&quot;&gt;Adding Multiple Categories in Posts&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    

  &lt;/div&gt;

  &lt;div class=&quot;category-box&quot;&gt;
    
    &lt;div id=&quot;#sample_category&quot;&gt;&lt;/div&gt;
    &lt;h4 class=&quot;category-head&quot;&gt;&lt;a href=&quot;/blog/categories/sample_category&quot;&gt;sample_category&lt;/a&gt;&lt;/h4&gt;
    &lt;a name=&quot;sample_category&quot;&gt;&lt;/a&gt;
     
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/adding-categories-tags-in-posts/&quot;&gt;Adding Multiple Categories in Posts&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    

  &lt;/div&gt;

  &lt;div class=&quot;category-box&quot;&gt;
    
    &lt;div id=&quot;#apps&quot;&gt;&lt;/div&gt;
    &lt;h4 class=&quot;category-head&quot;&gt;&lt;a href=&quot;/blog/categories/apps&quot;&gt;apps&lt;/a&gt;&lt;/h4&gt;
    &lt;a name=&quot;apps&quot;&gt;&lt;/a&gt;
     
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/tool-for-building-3d-model/&quot;&gt;Several free software tools available for making 3D models&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/usememos-memos-recordor-b2s/&quot;&gt;A lightweight, self-hosted memo hub. Open Source and Free forever&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/top-10-best-professional-video-editors/&quot;&gt;Top 10 最佳专业剪辑短视频Apps&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    

  &lt;/div&gt;

  &lt;div class=&quot;category-box&quot;&gt;
    
    &lt;div id=&quot;#linux&quot;&gt;&lt;/div&gt;
    &lt;h4 class=&quot;category-head&quot;&gt;&lt;a href=&quot;/blog/categories/linux&quot;&gt;linux&lt;/a&gt;&lt;/h4&gt;
    &lt;a name=&quot;linux&quot;&gt;&lt;/a&gt;
     
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/linux-shell-bashrc-profile-exec-sequence/&quot;&gt;Linux 系统 ~/.bashrc ~/.profile  ~/.bash_profile /etc/profile等这几个start_files 的介绍,和执行顺序&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/top-10-best-professional-video-editors/&quot;&gt;Top 10 最佳专业剪辑短视频Apps&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;

    

  &lt;/div&gt;

&lt;/div&gt;
</description>
            <link>/blog/categories/</link>
          </item>
        
      
    
      
        
          <item>
            <title>Apps</title>
            <description>&lt;h5&gt; Posts by Category : Apps &lt;/h5&gt;

&lt;div class=&quot;card&quot;&gt;

 &lt;li class=&quot;category-posts&quot;&gt;&lt;span&gt;11 May 2023&lt;/span&gt; &amp;nbsp; &lt;a href=&quot;/blog/tool-for-building-3d-model/&quot;&gt;Several free software tools available for making 3D models&lt;/a&gt;&lt;/li&gt;

 &lt;li class=&quot;category-posts&quot;&gt;&lt;span&gt;20 Mar 2023&lt;/span&gt; &amp;nbsp; &lt;a href=&quot;/blog/usememos-memos-recordor-b2s/&quot;&gt;A lightweight, self-hosted memo hub. Open Source and Free forever&lt;/a&gt;&lt;/li&gt;

 &lt;li class=&quot;category-posts&quot;&gt;&lt;span&gt;15 Jul 2022&lt;/span&gt; &amp;nbsp; &lt;a href=&quot;/blog/top-10-best-professional-video-editors/&quot;&gt;Top 10 最佳专业剪辑短视频Apps&lt;/a&gt;&lt;/li&gt;

&lt;/div&gt;
</description>
            <link>/blog/categories/apps/</link>
          </item>
        
      
    
      
    
      
    
      
        
          <item>
            <title>Guides</title>
            <description>&lt;h5&gt; Posts by Category : {{ page.title }} &lt;/h5&gt;

&lt;div class=&quot;card&quot;&gt;
{% for post in site.categories.guides %}
 &lt;li class=&quot;category-posts&quot;&gt;&lt;span&gt;{{ post.date | date_to_string }}&lt;/span&gt; &amp;nbsp; &lt;a href=&quot;{{ post.url }}&quot;&gt;{{ post.title }}&lt;/a&gt;&lt;/li&gt;
{% endfor %}
&lt;/div&gt;
</description>
            <link>/blog/categories/guides/</link>
          </item>
        
      
    
      
    
      
    
      
    
      
        
          <item>
            <title>Get Started</title>
            <description>## Getting Started - How to use “devlopr-jekyll” theme

## What&apos;s Jekyll ?

If you aren’t familiar with Jekyll yet, you should know that it is a static site generator. It will transform your plain text into static websites and blogs. No more databases, slow loading websites, risk of being hacked…just your content. And not only that, with Jekyll you get free hosting with GitHub Pages! If you are a beginner we recommend you start with [Jekyll’s Docs](https://jekyllrb.com/docs/installation/). Now, if you know how to use Jekyll, let’s move on to using this theme in Jekyll:

## Watch Tutorial

&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/cXBEfpn0qrg?rel=0&amp;amp;controls=0&amp;amp;showinfo=0&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen&gt;&lt;/iframe&gt;


### Steps to create your blog using devlopr-jekyll and Host using Github Pages :

&gt;  **Step 1.**  Fork the repo - [click here](https://github.com/sujaykundu777/devlopr-jekyll/fork)

![Devlopr Jekyll Repo](/assets/img/posts/fork1.PNG){:class=&quot;img-fluid&quot;}

&gt; **Step 2.** Use **your-github-username.github.io** as the new repo  ( Replace your-github-username with yours). Remember if you use the name other than your-github-username.github.io , your blog will be built using gh-pages branch.

![Devlopr Jekyll Repo](/assets/img/posts/fork2.PNG){:class=&quot;img-fluid&quot;}

![Devlopr Jekyll Repo](/assets/img/posts/fork3.PNG){:class=&quot;img-fluid&quot;}

&gt; **Step 3.** Clone the new repo locally to make changes :

![Devlopr Jekyll Repo](/assets/img/posts/fork31.PNG){:class=&quot;img-fluid&quot;}

![Devlopr Jekyll Repo](/assets/img/posts/fork32.PNG){:class=&quot;img-fluid&quot;}

![Devlopr Jekyll Repo](/assets/img/posts/fork33.PNG){:class=&quot;img-fluid&quot;}

```bash
 $ git clone https://github.com/yourusername/yourusername.github.io
 $ cd yourusername.github.io
 $ code .
```

&gt; **Step 4.** Open the files using VSCode and edit _config.yml and edit with your details:

- _config.yml file - replace with your own details
- _posts - Add your blog posts here
- _includes - You can replace the contents of the files with your data. (contains widgets)
- _assets/img - Add all your images here

![Devlopr Jekyll Repo](/assets/img/posts/fork34.PNG){:class=&quot;img-fluid&quot;}

&gt; **Step 5** - Install the development requirements:

### Set up local development environment

1. [Git](https://git-scm.com/)
2. [Ruby](https://www.ruby-lang.org/) and [Bundler](https://bundler.io/)
3. [VSCode](https://code.visualstudio.com/download)

We need ruby and bundler to build our site locally. After installation check if its working:

For ruby :

```bash
$ ruby -v
ruby 2.5.1p57 (2018-03-29 revision 63029) [x86_64-linux-gnu]
```
For bundler :

```bash
$ gem install bundler
$ bundler -v
Bundler version 2.2.29
```
Add jekyll :

```bash
$ bundle update
$ bundle add jekyll
```
 This command will add the Jekyll gem to our Gemfile and install it to the ./vendor/bundle/ folder.

You can check the jekyll version

```
$ bundle exec jekyll -v
jekyll 4.2.0
```

&gt; **Step 6.** Install the gem dependencies by running the following command

```bash
$ bundle update
$ bundle install
```

&gt; **Step 7.** Serve the site locally by running the following command below:

```bash
$ bundle exec jekyll serve --watch
```
or you can also serve using :

```bash
$ jekyll serve
```

Visit [http://localhost:4000](http://localhost:4000) for development server

![Devlopr Jekyll Repo](/assets/img/posts/fork41.PNG){:class=&quot;img-fluid&quot;}


### Adding Content

Start populating your blog by adding your .md files in _posts. devlopr-jekyll already has a few examples.

#### YAML Post Example:

```yml
---
layout: post
title: Sample Post
author: Sujay Kundu
date: &apos;2019-05-21 14:35:23 +0530&apos;
category:
        - jekyll
summary: This is the summary for the sample post
thumbnail: sample.png
---

Hi ! This is sample post.

```

#### YAML Page Example:

```yml
---
layout: page
title: Sample Page
permalink: /sample-page/
---

Hi ! This is sample page.
```

#### Editing stylesheet

You’ll only work with a single file to edit/add theme style: assets/css/main.scss.

### Deploy your Changes

Once happy with your blog changes. Push your changes to master branch.

&gt; **Step 8.** Push Your Local Changes

```bash
 $ git add .
 $ git commit -m &quot;my new blog using devlopr-jekyll&quot;
 $ git push origin master
```

Visit your Github Repo settings ! Enable master branch as Github Pages Branch :

![Devlopr Jekyll Repo](/assets/img/posts/fork6.PNG){:class=&quot;img-fluid&quot;}

&gt; **Step 9.** Deploy your Blog :

![Devlopr Jekyll Repo](/assets/img/posts/fork7.PNG){:class=&quot;img-fluid&quot;}

&gt; Congrats ! On your new shining Blog !

You can visit the blog using [http://your-github-username.github.io](http://your-github-username.github.io).

</description>
            <link>/get-started/</link>
          </item>
        
      
    
      
        
          <item>
            <title>Jekyll</title>
            <description>&lt;h5&gt; Posts by Category : {{ page.title }} &lt;/h5&gt;

&lt;div class=&quot;card&quot;&gt;
{% for post in site.categories.jekyll %}
 &lt;li class=&quot;category-posts&quot;&gt;&lt;span&gt;{{ post.date | date_to_string }}&lt;/span&gt; &amp;nbsp; &lt;a href=&quot;{{ post.url }}&quot;&gt;{{ post.title }}&lt;/a&gt;&lt;/li&gt;
{% endfor %}
&lt;/div&gt;
</description>
            <link>/blog/categories/jekyll/</link>
          </item>
        
      
    
      
        
          <item>
            <title>Linux</title>
            <description>&lt;h5&gt; Posts by Category : {{ page.title }} &lt;/h5&gt;

&lt;div class=&quot;card&quot;&gt;
{% for post in site.categories.linux %}
 &lt;li class=&quot;category-posts&quot;&gt;&lt;span&gt;{{ post.date | date_to_string }}&lt;/span&gt; &amp;nbsp; &lt;a href=&quot;{{ post.url }}&quot;&gt;{{ post.title }}&lt;/a&gt;&lt;/li&gt;
{% endfor %}
&lt;/div&gt;
</description>
            <link>/blog/categories/linux/</link>
          </item>
        
      
    
      
    
      
    
      
        
          <item>
            <title>Guides</title>
            <description>&lt;h5&gt; Posts by Category : {{ page.title }} &lt;/h5&gt;

&lt;div class=&quot;card&quot;&gt;
{% for post in site.categories.sample_category %}
 &lt;li class=&quot;category-posts&quot;&gt;&lt;span&gt;{{ post.date | date_to_string }}&lt;/span&gt; &amp;nbsp; &lt;a href=&quot;{{ post.url }}&quot;&gt;{{ post.title }}&lt;/a&gt;&lt;/li&gt;
{% endfor %}
&lt;/div&gt;
</description>
            <link>/blog/categories/sample_category/</link>
          </item>
        
      
    
      
    
      
        
          <item>
            <title>Our Sponsors</title>
            <description>Thanks to all the amazing contributors and our Backers for the support.

- [Dirish Mohan](https://dirishmohan.com)</description>
            <link>/sponsors/</link>
          </item>
        
      
    
      
        
          <item>
            <title>Styleguide</title>
            <description>### devlopr - Styleguide

&lt;hr /&gt;

 &lt;img src=&quot;/assets/img/styleguide.png&quot; class=&quot;img-fluid&quot;&gt;

&lt;p&gt; Lets try the different text styles  &lt;b&gt; Bold &lt;/b&gt; , &lt;strong&gt; Strong &lt;/strong&gt;, &lt;em&gt; Emphasis &lt;/em&gt;, &lt;i&gt; Italic &lt;/i&gt; &lt;/p&gt;


&lt;p&gt; Now, lets try different heading styles : &lt;/p&gt;

&lt;h1&gt; Hello in h1 ! &lt;/h1&gt;
&lt;h2&gt; Hello in h2 ! &lt;/h2&gt;
&lt;h3&gt; Hello in h3 ! &lt;/h3&gt;
&lt;h4&gt; Hello in h4 ! &lt;/h4&gt;
&lt;h5&gt; Hello in h5 ! &lt;/h5&gt;
&lt;h6&gt; Hello in h6 ! &lt;/h6&gt;

&lt;hr /&gt;
&lt;p&gt; Unordered List &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt; List Item 1 &lt;/li&gt;
&lt;li&gt; List Item 2 &lt;/li&gt;
&lt;li&gt; List Item 3 &lt;/li&gt;
&lt;li&gt; List Item 4 &lt;/li&gt;
&lt;li&gt; List Item 5 &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt; Ordered List &lt;/p&gt;
&lt;ol&gt;
&lt;li&gt; List Item 1 &lt;/li&gt;
&lt;li&gt; List Item 2 &lt;/li&gt;
&lt;li&gt; List Item 3 &lt;/li&gt;
&lt;li&gt; List Item 4 &lt;/li&gt;
&lt;li&gt; List Item 5 &lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote&gt;
&lt;p&gt;This is a Block Quote,  It can Expand Multiple Lines &lt;/p&gt;

&lt;/blockquote&gt;

&lt;p&gt;You can use the mark tag to &lt;mark&gt;highlight&lt;/mark&gt; text. &lt;/p&gt;

&lt;p&gt;&lt;del&gt; This line of text is meant to be deleted text &lt;/del&gt; &lt;/p&gt;

&lt;p&gt;&lt;u&gt;This line of text will render as underlined&lt;/u&gt;&lt;/p&gt;
&lt;p&gt;&lt;small&gt;This line of text is meant to be treated as fine print.&lt;/small&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;This line rendered as bold text.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;This line rendered as italicized text.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;abbr title=&quot;attribute&quot;&gt;attr&lt;/abbr&gt;&lt;/p&gt;
&lt;p&gt;&lt;abbr title=&quot;HyperText Markup Language&quot; class=&quot;initialism&quot;&gt;HTML&lt;/abbr&gt;&lt;/p&gt;

&lt;hr /&gt;
&lt;div class=&quot;responsive-table&quot;&gt;
&lt;table&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th scope=&quot;col&quot;&gt;#&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;th scope=&quot;row&quot;&gt;1&lt;/th&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th scope=&quot;row&quot;&gt;2&lt;/th&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th scope=&quot;row&quot;&gt;3&lt;/th&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
    &lt;/div&gt;

&lt;hr /&gt;

&lt;h3&gt; Instagram Embed &lt;/h3&gt;

&lt;blockquote class=&quot;instagram-media&quot; data-instgrm-captioned data-instgrm-permalink=&quot;https://www.instagram.com/p/CBXO7AypXkM/?utm_source=ig_embed&amp;amp;utm_campaign=loading&quot; data-instgrm-version=&quot;13&quot; style=&quot; background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);&quot;&gt;&lt;div style=&quot;padding:16px;&quot;&gt; &lt;a href=&quot;https://www.instagram.com/p/CBXO7AypXkM/?utm_source=ig_embed&amp;amp;utm_campaign=loading&quot; style=&quot; background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;&quot; target=&quot;_blank&quot;&gt; &lt;div style=&quot; display: flex; flex-direction: row; align-items: center;&quot;&gt; &lt;div style=&quot;background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;display: flex; flex-direction: column; flex-grow: 1; justify-content: center;&quot;&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;padding: 19% 0;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;display:block; height:50px; margin:0 auto 12px; width:50px;&quot;&gt;&lt;svg width=&quot;50px&quot; height=&quot;50px&quot; viewBox=&quot;0 0 60 60&quot; version=&quot;1.1&quot; xmlns=&quot;https://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;https://www.w3.org/1999/xlink&quot;&gt;&lt;g stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;g transform=&quot;translate(-511.000000, -20.000000)&quot; fill=&quot;#000000&quot;&gt;&lt;g&gt;&lt;path d=&quot;M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631&quot;&gt;&lt;/path&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/svg&gt;&lt;/div&gt;&lt;div style=&quot;padding-top: 8px;&quot;&gt; &lt;div style=&quot; color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;&quot;&gt; View this post on Instagram&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;padding: 12.5% 0;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;&quot;&gt;&lt;div&gt; &lt;div style=&quot;background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);&quot;&gt;&lt;/div&gt; &lt;div style=&quot;background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 8px;&quot;&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot; width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: auto;&quot;&gt; &lt;div style=&quot; width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);&quot;&gt;&lt;/div&gt; &lt;div style=&quot; background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);&quot;&gt;&lt;/div&gt; &lt;div style=&quot; width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div style=&quot;display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;&quot;&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;p style=&quot; color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;&quot;&gt;&lt;a href=&quot;https://www.instagram.com/p/CBXO7AypXkM/?utm_source=ig_embed&amp;amp;utm_campaign=loading&quot; style=&quot; color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;&quot; target=&quot;_blank&quot;&gt;A post shared by Sujay (@sujaykundu777)&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/blockquote&gt; &lt;script async src=&quot;//www.instagram.com/embed.js&quot;&gt;&lt;/script&gt;

&lt;hr&gt;

&lt;h3&gt; Twitter Embed &lt;/h3&gt;

&lt;blockquote class=&quot;twitter-tweet&quot; data-lang=&quot;en&quot;&gt;&lt;p lang=&quot;en&quot; dir=&quot;ltr&quot;&gt;I just published “Deploying a blog using Jekyll and Github Pages with SSL certificate for Free” &lt;a href=&quot;https://t.co/B3T3IQVU93&quot;&gt;https://t.co/B3T3IQVU93&lt;/a&gt;&lt;/p&gt;&amp;mdash; Sujay Kundu (@SujayKundu777) &lt;a href=&quot;https://twitter.com/SujayKundu777/status/1012601950469160962?ref_src=twsrc%5Etfw&quot;&gt;June 29, 2018&lt;/a&gt;&lt;/blockquote&gt;
&lt;script async src=&quot;https://platform.twitter.com/widgets.js&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;

&lt;hr /&gt;


&lt;h3&gt;YouTube Responsive Embed&lt;/h3&gt;

&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/bBpKMH3nBzE?rel=0&amp;amp;controls=0&amp;amp;showinfo=0&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen&gt;&lt;/iframe&gt;

&lt;hr /&gt;

&lt;h3&gt;Vimeo Responsive Embed&lt;/h3&gt;

&lt;iframe src=&quot;https://player.vimeo.com/video/212114694?title=0&amp;amp;byline=0&amp;amp;portrait=0&quot; width=&quot;640&quot; height=&quot;360&quot; frameborder=&quot;0&quot; webkitallowfullscreen=&quot;&quot; mozallowfullscreen=&quot;&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;ted-responsive-embed&quot;&gt;TED Responsive Embed&lt;/h3&gt;

&lt;iframe src=&quot;https://embed.ted.com/talks/ted_halstead_a_climate_solution_where_all_sides_can_win&quot; width=&quot;640&quot; height=&quot;360&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;twitch-responsive-embed&quot;&gt;Twitch Responsive Embed&lt;/h3&gt;

&lt;iframe src=&quot;https://player.twitch.tv/?autoplay=false&amp;amp;video=v248755437&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;true&quot; scrolling=&quot;no&quot; height=&quot;378&quot; width=&quot;620&quot;&gt;&lt;/iframe&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;soundcloud-embed&quot;&gt;SoundCloud Embed&lt;/h3&gt;

&lt;iframe width=&quot;100%&quot; height=&quot;166&quot; scrolling=&quot;no&quot; frameborder=&quot;no&quot; src=&quot;https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/29738591&amp;amp;color=ff5500&amp;amp;auto_play=false&amp;amp;hide_related=false&amp;amp;show_comments=true&amp;amp;show_user=true&amp;amp;show_reposts=false&quot;&gt;&lt;/iframe&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;codepen-embed&quot;&gt;CodePen Embed&lt;/h3&gt;

&lt;p data-height=&quot;265&quot; data-theme-id=&quot;light&quot; data-slug-hash=&quot;YWvpRo&quot; data-default-tab=&quot;css,result&quot; data-user=&quot;kharrop&quot; data-embed-version=&quot;2&quot; data-pen-title=&quot;Referral Form&quot; class=&quot;codepen&quot;&gt;&lt;/p&gt;
&lt;script async=&quot;&quot; src=&quot;https://production-assets.codepen.io/assets/embed/ei.js&quot;&gt;&lt;/script&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;syntax-highlighting&quot;&gt;Syntax Highlighting&lt;/h3&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-js&quot; data-lang=&quot;js&quot;&gt;&lt;span class=&quot;s1&quot;&gt;&apos;use strict&apos;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;kd&quot;&gt;var&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;markdown&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;require&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;&apos;markdown&apos;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;).&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;markdown&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;kd&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;Editor&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;input&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;preview&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;k&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;update&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;kd&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;()&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;nx&quot;&gt;preview&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;innerHTML&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;markdown&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;toHTML&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;input&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
  &lt;span class=&quot;p&quot;&gt;};&lt;/span&gt;
  &lt;span class=&quot;nx&quot;&gt;input&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;editor&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;k&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;update&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;();&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;You can add inline code just like this, E.g. &lt;code class=&quot;highlighter-rouge&quot;&gt;.code { color: #fff; }&lt;/code&gt;&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot; data-lang=&quot;css&quot;&gt;&lt;span class=&quot;nt&quot;&gt;pre&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;nl&quot;&gt;background-color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#f4f4f4&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;nl&quot;&gt;max-width&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;100%&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;nl&quot;&gt;overflow&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;auto&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;github-gist-embed&quot;&gt;GitHub gist Embed&lt;/h3&gt;

&lt;script src=&quot;https://gist.github.com/ahmadajmi/dbb4f713317721668bcbc39420562afc.js&quot;&gt;&lt;/script&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;input-style&quot;&gt;Input Style&lt;/h3&gt;

&lt;p&gt;&lt;input type=&quot;text&quot; placeholder=&quot;I&apos;m an input field!&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;


</description>
            <link>/styleguide/</link>
          </item>
        
      
    
      
    
      
    
      
    
      
    

  </channel>
</rss>